/* ==========================================================
   WELCOME SECTION
========================================================== */
.welcome-section{

    background-image:url("../../images/Paglingap_about.jpg");

    background-repeat:no-repeat;

    background-position:left top;

    background-size:cover;

}


/* ==========================================================
   CONTAINER
========================================================== */

.welcome-section .container-fluid{

    max-width:1400px;

}



/* ==========================================================
   CONTENT
========================================================== */

.welcome-content{

    max-width:620px;

}



/* ==========================================================
   TITLE
========================================================== */

.welcome-title{

    font-size:2.6rem;

    font-weight:700;

    color:#fff;

}


/* ==========================================================
   PARAGRAPH
========================================================== */
.welcome-text{

    color:rgba(255,255,255,.96);

    font-size:16px;

    line-height:1.55;

    margin-bottom:12px;

    text-align:justify;

}

.welcome-text strong{

    font-weight:700;

}



/* ==========================================================
   BUTTONS
========================================================== */

.welcome-buttons{

    margin-top:30px;

}



.welcome-buttons .btn{

    padding:13px 34px;

    border-radius:40px;

    font-weight:600;

}



/* ==========================================================
   VIDEO
========================================================== */
.video-wrapper{

    background:transparent;

    padding:0;

    border-radius:0;

    box-shadow:none;

}

.welcome-video{

    width:100%;

    border-radius:10px;

}


/* ==========================================================
   LARGE DESKTOP
========================================================== */

@media (max-width:1600px){

.welcome-title{

    font-size:2.3rem;

}

.welcome-text{

    font-size:15px;

}

}



/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width:1366px){

.welcome-section{

    padding:80px 0;

}

.welcome-title{

    font-size:2.2rem;

}

.welcome-content{

    max-width:560px;

}

}



/* ==========================================================
   SMALL LAPTOP
========================================================== */

@media (max-width:1200px){

.welcome-title{

    font-size:2rem;

}

.welcome-text{

    font-size:15px;

}

}



/* ==========================================================
   TABLET
========================================================== */

@media (max-width:992px){

.welcome-section{

    padding:70px 0;

    text-align:center;

}



.welcome-content{

    max-width:100%;

}



.welcome-title{

    font-size:2rem;

}



.welcome-text{

    text-align:left;

}



.video-wrapper{

    margin-top:20px;

}

}



/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:768px){

.welcome-section{

    padding:60px 0;

}



.welcome-title{

    font-size:1.8rem;

}



.welcome-text{

    font-size:14px;

}



.video-wrapper{

    padding:8px;

}

}



/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width:576px){

.welcome-title{

    font-size:1.6rem;

}



.welcome-text{

    font-size:13px;

}

}

/* ==========================================
   LARGE DESKTOP
========================================== */

@media (max-width:1600px){

.welcome-section{

    padding:60px 0;

}

.welcome-content{

    max-width:650px;

}

.welcome-video{

    max-width:650px;

}

}
/* ==========================================
   LAPTOP
========================================== */

@media (max-width:1366px){

.welcome-title{

    font-size:2.2rem;

}

.welcome-text{

    font-size:16px;

}

.welcome-content{

    max-width:560px;

}

.video-wrapper{

    max-width:560px;

    margin-left:auto;

}

}

/* ==========================================
   TABLET
========================================== */

@media (max-width:992px){

.welcome-section{

    padding:50px 0;

}

.welcome-content{

    max-width:100%;

}

.welcome-title{

    text-align:center;

}

.welcome-text{

    text-align:left;

}

.video-wrapper{

    margin:30px auto 0;

    max-width:700px;

}

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:768px){

.welcome-section{

    padding:40px 0;

}

.welcome-title{

    font-size:1.8rem;

    text-align:center;

}

.welcome-text{

    font-size:14px;

    line-height:1.6;

}

.video-wrapper{

    margin-top:25px;

}

}
/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width:576px){

.welcome-title{

    font-size:1.6rem;

}

.welcome-text{

    font-size:13px;

}

}