.hero-banner {display:block; position:relative; margin:0 auto; padding:0; clear:both;}
    .hero-banner .desktop-image {display:block; background-repeat: no-repeat; background-position: right center; background-size: cover;}
    .hero-banner .mobile-image {display:none; width:100%; background-repeat: no-repeat; background-position: right center; background-size: cover;}
        .hero-banner .desktop-image img,
        .hero-banner .mobile-image img {width:100%; max-width:100%; position:relative; display:block;}

.hero-banner .banner-text {top: 5%; bottom: auto; left: 0; position:absolute; width:100%; display:block;}
    .hero-banner .banner-text h1, .hero-banner .banner-text h2 {margin: 0 0 15px 0; display: block; text-shadow:none;}
    .hero-banner .banner-text .description {display: block; text-shadow:none;}
    .hero-banner .banner-text .description a {color: #007564; /* green */}
    .hero-banner .banner-text .description a:hover {color: #eca154; /* orange */ text-decoration: none;}
@media screen and (max-width:1300px) {
    .hero-banner .banner-text .max-width {padding: 0 5% 0 5%; margin:0 auto;}
}
@media screen and (max-width:750px) {
    .hero-banner .desktop-image {display:none;}
    .hero-banner .mobile-image {display:block;}
}

/* --- HOME ----------------------------------------------------------------------------------------------------------------------- */
.hero-banner-home {text-align:right;}
.hero-banner-home .banner-text {top: 40px; bottom: auto; left: 0; position:absolute; width:100%; display:block; text-align:left;}
.hero-banner-home .desktop-image {max-height: 350px; text-align: right;}
.hero-banner-home .desktop-image img {max-height: 350px; width: auto; display:inline-block;}
    .hero-banner-home .banner-text h1, 
	.hero-banner-home .banner-text h2 {max-width: 55%; color: #007564; /* green */ font-size: 32px; line-height: 38px; text-shadow: none;}
    .hero-banner-home .banner-text .description {max-width: 55%; color: #007564; /* green */ font-size: 18px; line-height: 22px; text-shadow: none;}
    .hero-banner-home .banner-text .description a {color: #007564; /* green */}
    .hero-banner-home .banner-text .description .disclaimer {font-size: 16px; line-height: 20px;}
@media screen and (max-width:1400px) {
    .hero-banner-home .desktop-image img {display:block;}
}
@media screen and (max-width:1300px) {
    .hero-banner-home .banner-text h1, .hero-banner-home .banner-text h2 {font-size: 30px; line-height: 36px;}
    .hero-banner-home .banner-text .description {font-size: 16px; line-height: 20px;}
    .hero-banner-home .banner-text .description .disclaimer {font-size: 15px; line-height: 19px;}
}
@media screen and (max-width:1200px) {
    .hero-banner-home .banner-text {top: 30px;}
    .hero-banner-home .banner-text h1, .hero-banner-home .banner-text h2 {font-size: 28px; line-height: 34px;}
    .hero-banner-home .banner-text .description {font-size: 15px; line-height: 19px;}
    .hero-banner-home .banner-text .description .disclaimer {font-size: 14px; line-height: 18px;}
}
@media screen and (max-width:1000px) {
    .hero-banner-home .banner-text {top: 25px;}
    .hero-banner-home .banner-text h1, .hero-banner-home .banner-text h2 {font-size: 26px; line-height: 32px;}
    .hero-banner-home .banner-text .description {font-size: 14px; line-height: 18px;}
    .hero-banner-home .banner-text .description .disclaimer {font-size: 13px; line-height: 17px;}
}
@media screen and (max-width:750px) {
    .hero-banner-home .banner-text {top: 50px;}
    .hero-banner-home .banner-text .max-width {max-width: 75%; background: rgba(255, 255, 255, 0.6);}
    .hero-banner-home .banner-text h1, .hero-banner-home .banner-text h2 {max-width: 100%; padding-top: 35px; color:#004330;}
    .hero-banner-home .banner-text .description {max-width: 100%; padding-bottom: 35px; color:#004330;}
}
@media screen and (max-width:600px) {
    .hero-banner-home .mobile-image {height: 300px;}
    .hero-banner-home .mobile-image img {display:none;}
    .hero-banner-home .banner-text {top: 30px;}
    .hero-banner-home .banner-text .max-width {max-width: 75%; background: rgba(255, 255, 255, 0.7);}
    .hero-banner-home .banner-text h1, .hero-banner-home .banner-text h2 {font-size: 20px; line-height: 24px; padding-top: 15px;}
    .hero-banner-home .banner-text .description {padding-bottom: 15px;}
}


/* --- CAMPUS LOCATIONS  -------------------------------------------------------------------------------------------------------------------- */
.hero-banner-locations {position:relative;}
.hero-banner-locations .banner-text {
    top: 0; bottom: auto; left: 0; position:absolute; width:100%; height:100%; display:block; text-align:center;
	display: flex;
	-ms-flex-align: center;	-webkit-align-items: center; -webkit-box-align: center; 
    align-items: center; justify-content: center;  flex-direction: column;
}
    .hero-banner-locations .banner-text .max-width {}
    .hero-banner-locations .desktop-image {display:block; max-height: 250px; overflow:hidden;}
    .hero-banner-locations .banner-text h1, 
	.hero-banner-locations .banner-text h2 {max-width: 65%; color: #fff; font-size: 32px; line-height: 38px; text-shadow: 1px 1px 3px #000000; text-align:center; margin: 0 auto;}
    .hero-banner-locations .banner-text .description {max-width: 65%; color: #fff; font-size: 28px; line-height: 40px; text-shadow: 1px 1px 3px #000000; text-align:center; margin: 0 auto;}
    .hero-banner-locations .banner-text .description a {color: #fff; text-shadow: 1px 1px 3px #000000;}

@media screen and (max-width:1200px) {
    .hero-banner-locations .banner-text h1, .hero-banner-locations .banner-text h2 {max-width: 70%;}
    .hero-banner-locations .banner-text .description {max-width: 70%;}
}
@media screen and (max-width:1100px) {
    .hero-banner-locations .banner-text h1, .hero-banner-locations .banner-text h2 {max-width: 75%; font-size: 30px; line-height: 36px;}
    .hero-banner-locations .banner-text .description {max-width: 75%; font-size: 26px; line-height: 38px;}
}
@media screen and (max-width:1000px) {
    .hero-banner-locations .banner-text h1, .hero-banner-locations .banner-text h2 {max-width: 80%;}
    .hero-banner-locations .banner-text .description {max-width: 80%;}
    .hero-banner-locations .desktop-image {max-height: none;}
}
@media screen and (max-width:900px) {
    .hero-banner-locations .banner-text h1, .hero-banner-locations .banner-text h2 {max-width: 90%; font-size: 28px; line-height: 34px;}
    .hero-banner-locations .banner-text .description {max-width: 90%; font-size: 24px; line-height: 36px;}
    .hero-banner-locations .desktop-image {max-height: none;}
}
@media screen and (max-width:750px) {
    .hero-banner-locations .desktop-image {display:block;}
    .hero-banner-locations .mobile-image {display:none;}
}
@media screen and (max-width:650px) {
    .hero-banner-locations .desktop-image {display:none;}
    .hero-banner-locations .mobile-image {display:block;}
}
@media screen and (max-width:500px) {
    .hero-banner-locations .banner-text h1, .hero-banner-locations .banner-text h2 {max-width: 95%; font-size: 26px; line-height: 32px;}
    .hero-banner-locations .banner-text .description {max-width: 95%; font-size: 23px; line-height: 35px;}
}

/* --- LOCATIONS DETAIL -------------------------------------------------------------------------------------------------------------------- */
.hero-banner-locations-detail {
    background-color: #007564; /* green */ 
    max-width: 1600px; min-height: 350px; width:100%; height:100%;
    display: block; text-align: left; display: flex;
	-ms-flex-align: center;	-webkit-align-items: center; -webkit-box-align: center;	align-items: center;
    justify-content: center; flex-direction: column;
}
.hero-banner-locations-detail .banner-text-block {}
.hero-banner-locations-detail .banner-text {top: auto; bottom: auto; left: auto; position: relative;}
    .hero-banner-locations-detail .banner-text .max-width {}
        .hero-banner-locations-detail .banner-text .max-width .banner-text-inner {max-width: 35%; display:block; padding-top: 25px; padding-bottom: 25px;}
.hero-banner-locations-detail .desktop-image {
    width: 59%; height: 100%; position: absolute; top: 0; right: 0; margin:0; padding:0; text-align:right; 
}
    .hero-banner-locations-detail .desktop-image img {display:none;}
    .hero-banner-locations-detail .banner-text h1, 
	.hero-banner-locations-detail .banner-text h2 {color: #fff; font-size: 18px; line-height: 24px; text-shadow: none; font-weight:bold;}
        .hero-banner-locations-detail .banner-text h1 span {font-size: 45px; line-height: 51px; display:block; font-family: 'Lato', Impact, Helvetica, sans-serif;}
    .hero-banner-locations-detail .banner-text .description {color: #fff; font-size: 14px; line-height: 20px; font-weight:500; text-shadow: none;}
    .hero-banner-locations-detail .banner-text .description a {color: #fff; text-shadow: none;}

@media screen and (max-width:1100px) {
    .hero-banner-locations-detail .banner-text h1 span {font-size: 44px; line-height: 50px;}
}
@media screen and (max-width:1000px) {
    .hero-banner-locations-detail .banner-text h1 span {font-size: 43px; line-height: 49px;}
}
@media screen and (max-width:900px) {
    .hero-banner-locations-detail {min-height: 300px;}
    .hero-banner-locations-detail .banner-text-block {display:block; background-color: rgba(0,117,100,.7); width:100%; height: 100%; position:absolute; top: 0; left:0;}
    .hero-banner-locations-detail .desktop-image {width:100%; height: 100%;}
    .hero-banner-locations-detail .banner-text .max-width .banner-text-inner {max-width: 100%;}
    .hero-banner-locations-detail .banner-text h1, 
	.hero-banner-locations-detail .banner-text h2 {font-size: 17px; line-height: 23px; text-shadow: 1px 1px 3px #004238;}
    .hero-banner-locations-detail .banner-text h1 span {font-size: 40px; line-height: 46px;}
    .hero-banner-locations-detail .banner-text .description {text-shadow: 1px 1px 3px #004238;}
}
@media screen and (max-width:750px) {
    .hero-banner-locations-detail {overflow: hidden;}
    .hero-banner-locations-detail .mobile-image {position: absolute; top: 0; right: 0; margin:0; padding:0; width:100%; height: 100%;}
}
@media screen and (max-width:600px) {
    .hero-banner-locations-detail .mobile-image {height: 300px;}
    .hero-banner-locations-detail .mobile-image img {display:none;}
    .hero-banner-locations-detail .banner-text h1 span {font-size: 36px; line-height: 42px;}
}
@media screen and (max-width:400px) {
    .hero-banner-locations-detail .banner-text h1, 
	.hero-banner-locations-detail .banner-text h2 {font-size: 16px; line-height: 22px;}
    .hero-banner-locations-detail .banner-text h1 span {font-size: 34px; line-height: 40px;}
}


/* --- ONLINE  -------------------------------------------------------------------------------------------------------------------- */
.hero-banner-online {height: 375px;}
.hero-banner-online .desktop-image {height: 375px;}
    .hero-banner-online .desktop-image img {display:none;}
.hero-banner-online .banner-text {
    top: 0; bottom: auto; left: 0; position:absolute; width:100%; height:100%;
    text-align: left; display: flex;
	-ms-flex-align: center;	-webkit-align-items: center; -webkit-box-align: center;	align-items: center;
    justify-content: center; flex-direction: column;
}
    .hero-banner-online .banner-text .max-width {width: 90%; text-align:left;}
        .hero-banner-online .banner-text .max-width .banner-text-inner {max-width: 70%; display:block; padding-top: 25px; padding-bottom: 25px;}
    .hero-banner-online .banner-text h1, 
	.hero-banner-online .banner-text h2 {color: #ffffff; /* white */ font-size: 42px; line-height: 48px; text-shadow: 1px 1px 3px #000000;}
    .hero-banner-online .banner-text h1 span, 
	.hero-banner-online .banner-text h2 span {font-size: 34px; line-height: 40px; display:block;}
    .hero-banner-online .banner-text .description {color:#ffffff; text-shadow: 1px 1px 3px #000000; font-size:18px; line-height:22px; text-decoration:none;}
    .hero-banner-online .banner-text .description a {color: #ffffff; /* white */ text-shadow: 1px 1px 3px #000000;}
@media screen and (max-width:1300px) {
    .hero-banner-online {height: auto;}
    .hero-banner-online .desktop-image {height: auto;}
    .hero-banner-online .desktop-image img {display:block;} 
    .hero-banner-online .banner-text h1, .hero-banner-online .banner-text h2 {font-size: 38px; line-height: 44px;}
    .hero-banner-online .banner-text h1 span, 
	.hero-banner-online .banner-text h2 span {font-size: 30px; line-height: 36px;}
}
@media screen and (max-width:1000px) {
    .hero-banner-online .banner-text h1, .hero-banner-online .banner-text h2 {font-size: 32px; line-height: 38px;}
    .hero-banner-online .banner-text h1 span, 
	.hero-banner-online .banner-text h2 span {font-size: 28px; line-height: 34px;}
}
@media screen and (max-width:750px) {
    .hero-banner-online .banner-text {background: rgba(128, 128, 128, 0.7);}
    .hero-banner-online .banner-text .max-width {height: 100%; text-align:left;
        display: flex;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    -webkit-box-align: center;
	    align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .hero-banner-online .banner-text .max-width .banner-text-inner {width: 100%; max-width: 100%; display:block; text-align:left; padding-top: 0px; padding-bottom: 0px;}
}
@media screen and (max-width:600px) {
    .hero-banner-online .banner-text h1, .hero-banner-online .banner-text h2 {font-size: 28px; line-height: 34px;}
    .hero-banner-online .banner-text h1 span, 
	.hero-banner-online .banner-text h2 span {font-size: 24px; line-height: 30px;}
    .hero-banner-online .mobile-image {height: auto;}
    .hero-banner-online .mobile-image img {display:block;}
}


/* --- ACCREDITATION -------------------------------------------------------------------------------------------------------------------- */
.hero-banner-accreditation {display: flex;
	-ms-flex-align: center;	-webkit-align-items: center; -webkit-box-align: center;	align-items: center;
    justify-content: center; flex-direction: column;}
.hero-banner-accreditation .desktop-image {width: 100%;}
.hero-banner-accreditation .banner-text {top: auto; bottom: auto; left: auto; position:absolute; display:block; text-align: right;}
.hero-banner-accreditation .banner-text .max-width {text-align:right;}
.hero-banner-accreditation .banner-text .max-width .banner-text-inner {display:inline-block; width: 50%; background-color: #2b5c59; /* dark green */ padding: 20px; text-align:left;}

.hero-banner-accreditation .banner-text h1, 
.hero-banner-accreditation .banner-text h2 {color: #fff; font-size: 35px; line-height: 41px; text-shadow: none; font-weight:bold;}
.hero-banner-accreditation .banner-text .description {color: #fff; font-size: 18px; line-height: 24px; text-shadow: none;}
.hero-banner-accreditation .banner-text .description p {margin:0;}
.hero-banner-accreditation .banner-text .description a {color: #fff; text-shadow: none;}

@media screen and (max-width:1300px) {
    .hero-banner-accreditation .banner-text h1, 
    .hero-banner-accreditation .banner-text h2 {font-size: 30px; line-height: 36px;}
    .hero-banner-accreditation .banner-text .description {font-size: 17px; line-height: 23px;}
}
@media screen and (max-width:1000px) {
    .hero-banner-accreditation .banner-text .max-width .banner-text-inner {width: 60%;}
    .hero-banner-accreditation .banner-text h1, 
    .hero-banner-accreditation .banner-text h2 {font-size: 28px; line-height: 34px;}
    .hero-banner-accreditation .banner-text .description {font-size: 17px; line-height: 23px;}
}
@media screen and (max-width:800px) {
    .hero-banner-accreditation .banner-text .max-width .banner-text-inner {width: 62%;}
    .hero-banner-accreditation .banner-text h1, 
    .hero-banner-accreditation .banner-text h2 {font-size: 26px; line-height: 32px;}
    .hero-banner-accreditation .banner-text .description {font-size: 16px; line-height: 22px;}
}
@media screen and (max-width:600px) {
    .hero-banner-accreditation .banner-text {position:relative; display:block; text-align: left; background-color: #2b5c59; /* dark green */}
    .hero-banner-accreditation .banner-text .max-width .banner-text-inner {display:block; width: 100%; padding: 20px 0 20px 0; text-align:left;}
    .hero-banner-accreditation .mobile-image {height: auto;}
    .hero-banner-accreditation .mobile-image img {display:block;}
}

/* --- CLINICAL PSYCHOLOGY ---------------------------------------------------------------------------------------------------------*/
.hero-banner-clinical .banner-text {top: auto; bottom: 30%; left: 0; position:absolute; width:100%; display:block;}
    .hero-banner-clinical .banner-text h1,
    .hero-banner-clinical .banner-text h2 {max-width: 70%; color: #ffffff; /* white */ font-size: 48px; line-height: 54px; text-shadow: none;}
    .hero-banner-clinical .banner-text .description {max-width: 70%; color: #ffffff; /* white */ font-size: 18px; line-height: 22px; text-shadow: none;}
    .hero-banner-clinical .banner-text .description a {color: #ffffff; /* white */ text-shadow: none;}

/* clinical psychology home page (deep link) */
.hero-banner-clinical-home .banner-text {top: auto; bottom: 40%; left: 0; position:absolute; width:100%; display:block;}
	.hero-banner-clinical-home .banner-text h1,
    .hero-banner-clinical-home .banner-text h2 {max-width: 70%; color: #ffffff; /* white */ font-size: 48px; line-height: 54px; text-shadow: none; font-family:'gothamlightregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
    .hero-banner-clinical-home .banner-text .description {max-width: 70%; color: #ffffff; /* white */ font-size: 18px; line-height: 22px; text-shadow: none; font-family:'gothamlightregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
    .hero-banner-clinical-home .banner-text .description a {color: #ffffff; /* white */ text-shadow: none; font-family:'gothamlightregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
    .clinical-home-deepLinkPosition {clear:both; display:block; position:relative;}
    .clinical-home-deepLinkFormPanel {
        display:inline-block; background-color:#165c7d; /* blue */ padding:10px 20px 20px; 
        text-align:center; position:absolute; top: -150px; left: 0px;
    }
    .clinical-home-deepLinkFormPanel h3 {color:#fff; font-size: 18px; line-height: 23px; text-transform:none; margin:0 0 10px;}
    .clinical-home-deepLinkFormPanel select {width:200px; display:inline-block; margin:0 10px; box-shadow:none; height:auto; min-height:40px;}

@media screen and (max-width:1300px) {
    .hero-banner-clinical .banner-text {bottom: 25%;}
    .hero-banner-clinical .banner-text h1, .hero-banner-clinical .banner-text h2 {max-width: 100%; font-size: 42px; line-height: 46px;}
    .hero-banner-clinical .banner-text .description {max-width: 100%;}

    .hero-banner-clinical-home .banner-text {bottom: 45%;}
    .hero-banner-clinical-home .banner-text .max-width {margin:0 auto;}
    .hero-banner-clinical-home .banner-text h1, .hero-banner-clinical-home .banner-text h2 {max-width: 100%;}
    .hero-banner-clinical-home .banner-text .description {max-width: 100%;}
}
@media screen and (max-width:1100px) {
    .hero-banner-clinical .banner-text {bottom: 20%;}
    .hero-banner-clinical .banner-text h1, .hero-banner-clinical .banner-text h2 {font-size: 41px; line-height: 45px;}

    .clinical-home-deepLinkFormPanel {top: -130px;}
}
@media screen and (max-width:1000px) {
    .hero-banner-clinical .banner-text {bottom: 15%;}
    .hero-banner-clinical .banner-text h1, .hero-banner-clinical .banner-text h2 {font-size: 40px; line-height: 44px;}

    .hero-banner-clinical-home .banner-text h1, .hero-banner-clinical-home .banner-text h2 {font-size: 37px; line-height: 41px; max-width: 100%; margin:0 0 10px 0;}
    .hero-banner-clinical-home .banner-text .description {max-width: 100%;}
    .clinical-home-deepLinkFormPanel {top: -120px;}
}
@media screen and (max-width:800px) {
    .hero-banner-clinical .banner-text {bottom: 10%;}
    .hero-banner-clinical .banner-text h1, .hero-banner-clinical .banner-text h2 {font-size: 39px; line-height: 43px;}

    .hero-banner-clinical-home .banner-text h1, .hero-banner-clinical-home .banner-text h2 {font-size: 35px; line-height: 39px;}
    .clinical-home-deepLinkFormPanel {top: -100px; padding: 10px;}
    .clinical-home-deepLinkFormPanel h3 {font-size: 16px; line-height: 20px;}
}
@media screen and (max-width:750px) {
    .hero-banner-clinical .banner-text {bottom: 5%;}
    .hero-banner-clinical .banner-text h1, .hero-banner-clinical .banner-text h2 {font-size: 38px; line-height: 42px;}

    .hero-banner-clinical-home .banner-text {bottom: 47%;}
    .hero-banner-clinical-home .banner-text h1, .hero-banner-clinical-home .banner-text h2 {font-size: 26px; line-height: 30px;}
    .clinical-home-deepLinkFormPanel {top: -120px;}
    .clinical-home-deepLinkFormPanel h3 {font-size: 16px; line-height: 20px;}
    .clinical-home-deepLinkFormPanel select {width:45%; display:inline-block; margin:0 10px; box-shadow:none;}
}
@media screen and (max-width:600px) {
    .hero-banner-clinical-home .mobile-image {height: auto;}
    .hero-banner-clinical-home .mobile-image img {display:block;}
}
@media screen and (max-width:500px) {
    .hero-banner-clinical {background-color: #165c7d; /* blue */}
    .hero-banner-clinical .banner-text {bottom: 5%;}
    .hero-banner-clinical .banner-text h1, .hero-banner-clinical .banner-text h2 {font-size:30px; line-height:33px;}
    .hero-banner-clinical .banner-text .description {font-size:17px; line-height:21px;}

    .hero-banner-clinical-home .banner-text {bottom: 5%;}
    .hero-banner-clinical-home .banner-text h1, .hero-banner-clinical-home .banner-text h2 {font-size: 20px; line-height: 24px;}
    .hero-banner-clinical-home .banner-text .description {font-size: 17px; line-height: 21px;}
    .hero-banner-clinical-home {background-color: #54585a;}
    .clinical-home-deepLinkPosition {background-color: #54585a;}
    .clinical-home-deepLinkFormPanel {background-color: #54585a; display:block; position:relative; top: auto; left: auto; width:96%; padding:15px 2% 20px 2%;}
    .clinical-home-deepLinkFormPanel h3 {font-size:15px;line-height:19px;}
    .clinical-home-deepLinkFormPanel select {width:100%; display:block; margin:0 0 15px 0;}
        .clinical-home-deepLinkFormPanel select:last-of-type, .clinical-home-deepLinkFormPanel select.programsDDL {margin:0;}
}

/* --- LOCATION-AGNOSTIC PROGRAM PAGES ---------------------------------------------------------------- */
.hero-banner-location-agnostic-programs {height: auto; max-width: 1300px; margin: 0 auto; display:block; 
    z-index: -1; /* so green Discover rectangle goes over top */}
.hero-banner-location-agnostic-programs .desktop-image {height: auto;}
    .hero-banner-location-agnostic-programs .desktop-image img {display:block;}
.hero-banner-location-agnostic-programs .banner-text {
    top: 0; bottom: auto; left: 0; position:absolute; width:100%; height:100%;
    text-align: left; display: flex;
	-ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center;	align-items: center;
    justify-content: center; flex-direction: column;
}
    .hero-banner-location-agnostic-programs .banner-text .max-width {width: 90%; text-align:left;}
        .hero-banner-location-agnostic-programs .banner-text .max-width .banner-text-inner {
            max-width: 70%; display:block; padding-top: 25px; padding-bottom: 25px;
        }
    .hero-banner-location-agnostic-programs .banner-text h1, 
	.hero-banner-location-agnostic-programs .banner-text h2 {color: #ffffff; /* white */ font-size: 36px; line-height: 40px; text-shadow: 1px 1px 3px #000000;}
@media screen and (max-width:1300px) {
    .hero-banner-location-agnostic-programs {height: auto;}
    .hero-banner-location-agnostic-programs .desktop-image {height: auto;}
    .hero-banner-location-agnostic-programs .desktop-image img {display:block;} 
    .hero-banner-location-agnostic-programs .banner-text h1, .hero-banner-location-agnostic-programs .banner-text h2 {font-size: 32px; line-height: 38px;}
}
@media screen and (max-width:1000px) {
    .hero-banner-location-agnostic-programs .banner-text h1, .hero-banner-location-agnostic-programs .banner-text h2 {font-size: 30px; line-height: 36px;}
}
@media screen and (max-width:750px) {
    .hero-banner-location-agnostic-programs .banner-text {background: rgba(128, 128, 128, 0.7);}
    .hero-banner-location-agnostic-programs .banner-text .max-width {height: 100%; text-align:left;
        display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
        justify-content: center; flex-direction: column;
    }
    .hero-banner-location-agnostic-programs .banner-text .max-width .banner-text-inner {width: 100%; max-width: 100%; display:block; text-align:left; padding-top: 0px; padding-bottom: 0px;}
}
@media screen and (max-width:600px) {
    .hero-banner-location-agnostic-programs .banner-text h1, .hero-banner-location-agnostic-programs .banner-text h2 {font-size: 26px; line-height: 32px;}
    .hero-banner-location-agnostic-programs .mobile-image {height: auto;}
    .hero-banner-location-agnostic-programs .mobile-image img {display:block;}
}

/* --- MAP ----------------------------------------------------------------------------------------------------------------------- */
.hero-banner-map {text-align:right;}
.hero-banner-map .banner-text {top: 40px; bottom: auto; left: 0; position:absolute; width:100%; display:block; text-align:left;}
.hero-banner-map .desktop-image {height: 350px; text-align: right;}
.hero-banner-map .desktop-image img {display:none;}
    .hero-banner-map .banner-text .description {max-width: 55%; font-size: 18px; line-height: 22px; text-shadow: none;}
    .hero-banner-map .banner-text h1,
    .hero-banner-map .banner-text .description h1 {color: #007564; /* green */ font-size: 32px; line-height: 38px; text-shadow: none; margin-top: 15px; text-transform: uppercase;}
@media screen and (max-width:1300px) {
    .hero-banner-map .banner-text .description {font-size: 16px; line-height: 20px;}
    .hero-banner-map .banner-text h1,
    .hero-banner-map .banner-text .description h1 {font-size: 30px; line-height: 36px;}
}
@media screen and (max-width:1200px) {
    .hero-banner-map .banner-text {top: 30px;}
    .hero-banner-map .banner-text .description {font-size: 15px; line-height: 19px;}
    .hero-banner-map .banner-text h1,
    .hero-banner-map .banner-text .description h1 {font-size: 28px; line-height: 34px;}
}
@media screen and (max-width:1000px) {
    .hero-banner-map .banner-text {top: 25px;}
    .hero-banner-map .banner-text .description {font-size: 14px; line-height: 18px;}
    .hero-banner-map .banner-text h1,
    .hero-banner-map .banner-text .description h1 {font-size: 26px; line-height: 32px;}
}
@media screen and (max-width:750px) {
    .hero-banner-map .banner-text {top: 50px;}
    .hero-banner-map .banner-text .max-width {max-width: 75%; background: rgba(255, 255, 255, 0.6);}
    .hero-banner-map .banner-text .description {max-width: 100%; padding-top: 35px; padding-bottom: 35px; color:#004330;}
    .hero-banner-map .banner-text h1,
    .hero-banner-map .banner-text .description h1 {max-width: 100%; color:#004330;}
}
@media screen and (max-width:600px) {
    .hero-banner-map .mobile-image {height: 300px;}
    .hero-banner-map .mobile-image img {display:none;}
    .hero-banner-map .banner-text {top: 30px;}
    .hero-banner-map .banner-text .max-width {max-width: 75%; background: rgba(255, 255, 255, 0.7);}
    .hero-banner-map .banner-text .description {padding-top: 20px; padding-bottom: 20px;}
    .hero-banner-map .banner-text h1,
    .hero-banner-map .banner-text .description h1 {font-size: 20px; line-height: 24px;}
}

/* --- NEWSROOM ----------------------------------------------------------------------------------------------------------------------- */
.hero-banner-news {}
    .hero-banner-news .desktop-image {max-height: 350px; overflow:hidden;}