@charset "UTF-8";
/* CSS Document for 2024 Subsites */


/* ---------------------------- GLOBAL STYLES ------------------------ */

nav.campus { display: none; }

body { }

#introshell {
    margin: 80px 0 0 0;
}

#introtext {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.cmsnav {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

.highcluster>.content>.words>.padding {
   bottom: 25px;
}

.jarallax .content .words {
    position: absolute;
    bottom: 25%;
    left: 18%;
    width: 60%;
    max-width: 1000px;
    height: auto;
    z-index: 1000;
    background: transparent;
    border: none;
}
.jarallax .content .words .padding {
    position: relative;
    width: 85%;
    margin: 30px auto;
    color: #222;
    background: rgba(255, 255, 255, 0.85);
    padding: 2%; 
}
.jarallax .content .words .padding>h2 {
    margin: 0 0 10px 0;
}

/* ---------------------------- MEGA SCREEN DISPLAY STYLES ------------------------ */

@media only screen and (min-width: 1201px) and (max-width: 3000px) {
    #introshell .image img {
        margin-top: -50px;
    }
}


/* ---------------------------- LARGE SCREEN DISPLAY STYLES ------------------------ */

@media only screen and (min-width: 1400px) and (max-width: 1835px) {
    #introshell .image img {
        margin-top: -50px;
    }

}


/* ---------------------------- DESKTOP STYLES ------------------------ */

@media only screen and (min-width: 1200px) and (max-width: 1401px) {
    #introshell .image img {
        margin-top: -50px;
    }

}


/* ---------------------------- LAPTOP STYLES ------------------------ */

@media only screen and (min-width: 1001px) and (max-width: 1201px) {
	
	#introshell .image img {
        margin-top: -0px;
    }
}

/* ---------------------------- TABLET STYLES ------------------------ */

@media only screen and (min-width: 701px) and (max-width: 1000px) {
	
	#introshell .image img {
        margin-top: -0px;
    }
}

/* ---------------------------- MOBILE STYLES ------------------------- */
@media screen and (max-width: 700px) {
	
	
}

/* ---------------------------- MINI MOBILE STYLES ------------------------- */
@media screen and (max-width: 400px) {
	
	
}