/*
Intro Section
*/

/* Background Image */
section.intro {
    width: 100%;
    padding: 0 7%;
    margin: 0;
    max-width: 100%;
	background-image: url("../../images/background/about_us.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    font-size: 20pt;
    background-position: bottom right;
}

/* Background Image - Mobile View */
@media all and (max-width:480px) {
    section.intro {
        width: 100%;
        padding: 0 7%;
        margin: 0;
        max-width: 100%;
        background-image: url("../../images/background/about_us_m2.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        font-size:15pt;
        background-position: bottom right;
    }

    .intro-content {
        margin-top: -1.5em;
    }
    
}

/* Text Alignment */
@media all and (min-width:1280px) {
    .intro-spotlight{
        position: relative;
        width: 100%;
        height: 105vh; /* Full viewport height */
        justify-content: center; /* Centers the content horizontally within the spotlight div */
        align-items: center; /* Centers the content vertically within the spotlight div */
    }
    .intro-content {
        position: absolute;
        left: 0; /* Aligns the content to the left of the screen */
        top: 50%; /* Moves the content down by 50% of the viewport height */
        transform: translateY(-50%); /* Centers the content vertically */
        margin-top: -1.5em;
    }

    .intro-spotlight-main{
        margin: 0 9em 2em 0;
        padding-right: 170px;
    }

}


/* Gradient Header Underline Position
#main header.intro-major h2:after {
	background-color: #dddddd;
	background-image: -moz-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
	background-image: -webkit-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
	background-image: -ms-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
	background-image: linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
	position: absolute;
}
*/


/*
Our Values Section
*/

/* Background Image */

    section.first {
        width: 100%;
        height: 100vh;
        padding: 0 7%;
        margin: 0;
        max-width: 100%;
        background-image: url("../../images/background/our_values.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }
    

/* Background Image - Mobile View */
@media all and (max-width:480px) {
    section.first {
        width: 100%;
        height: auto;
        padding: 0 7%;
        margin: 0;
        max-width: 100%;
        background-image: url("../../images/background/our_values_m2.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
    }
    
}


/*
Services Section One
*/

/* Background Image */

.services-main-section {
    width: 100%;
    padding: 0 7%;
    margin: 0;
    max-width: 100%;
	background-image: url("../../images/background/services.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    font-size:20pt;
    background-position: bottom left;
}

/* Background Image - Mobile View */
@media all and (max-width:480px) {
    .services-main-section {
        width: 100%;
        padding: 0 7%;
        margin: 0;
        max-width: 100%;
        background-image: url("../../images/background/services_m2.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        padding-bottom: 200px !important;
        font-size:15pt;
        resize: both;
        background-position: bottom left;
    }

    .services-main-section {
        font-size:15pt;
    }

    .services-content {
        margin-top: -1.5em;
    }
    
}

/* Text Alignment */
@media all and (min-width:1280px) {
    .services-spotlight{
        position: relative;
        width: 100%;
        height: 105vh; /* Full viewport height */
        justify-content: center; /* Centers the content horizontally within the spotlight div */
        align-items: center; /* Centers the content vertically within the spotlight div */
    }
    .services-content {
        position: absolute;
        left: 0; /* Aligns the content to the left of the screen */
        top: 50%; /* Moves the content down by 50% of the viewport height */
        transform: translateY(-50%); /* Centers the content vertically */
        margin-top: -1.5em;
    }

    .services-spotlight-main{
        margin: 0 0em 2em 9em;
        padding-left: 110px;
    }

}


/*
Services Section Two
*/

/* Background Image */

.services-main-section2 {
    width: 100%;
    padding: 0 7%;
    margin: 0;
    max-width: 100%;
	background-image: url("../../images/background/services2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    font-size:24pt;
    background-position: bottom center;
}

.services-content2 {
    padding: 0em 2em 0em 2em;
    padding-top: 12%;
}

/* Background Image - Mobile View */
@media all and (max-width:480px) {
    .services-main-section2 {
        width: 100%;
        padding: 0 7%;
        margin: 0;
        max-width: 100%;
        background-image: url("../../images/background/services2_mobile2.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        font-size:20pt;
        resize: both;
        background-position: bottom left;
    }

    .services-content2 {
        padding: 3em 2em 0em 2em;
    }

}

/* Text Alignment */
@media all and (min-width:1280px) {
    .services-spotlight2 {
        position: relative;
        width: 100%;
        height: 90vh; /* Full viewport height */
        justify-content: center; /* Centers the content horizontally within the spotlight div */
        align-items: center; /* Centers the content vertically within the spotlight div */
    }
}


/*
Services Section Three
*/

/* Background Image */

.services-main-section3 {
    width: 100%;
    padding: 0 7%;
    margin: 0;
    max-width: 100%;
	background-image: url("../../images/background/services3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Background Image - Mobile View */
@media all and (max-width:480px) {
    .services-main-section3 {
        width: 100%;
        padding: 0 7%;
        margin: 0;
        max-width: 100%;
        background-image: url("../../images/background/services3.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        font-size:15pt;
        resize: both;
        overflow: scroll;
        background-position: center;
        background-attachment: scroll;
    }
}

/*
Services Section Four
*/

/* Background Image */

.services-main-section4 {
    width: 100%;
    padding: 0 7%;
    margin: 0;
    max-width: 100%;
	background-image: url("../../images/background/services4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    font-size:24pt;
    background-position: center bottom;
    padding: 3em 4em 3em 4em !important;
}


/* Background Image - Mobile View */
@media all and (max-width:480px) {
    .services-main-section4 {
        width: 100%;
        padding: 0 7%;
        margin: 0;
        max-width: 100%;
        background-image: url("../../images/background/services4_mobile2.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        font-size:20pt;
        resize: both;
        padding: 5em 1.5em 3em 1.5em !important;
        background-position: bottom right;
    }



}

/* Text Alignment */
@media all and (min-width:1280px) {
    .services-spotlight4 {
        position: relative;
        width: 100%;
        height: 90vh; /* Full viewport height */
        justify-content: center; /* Centers the content horizontally within the spotlight div */
        align-items: center; /* Centers the content vertically within the spotlight div */
    }
}

/* Contact Us */
.cta-content {
    margin-top: -1.5em;
}