/* last updated 10/7/2019 YB */
/* last updated 10/4/2019 YB */
/* created 3/26/2018 by Yamin Bilal*/
/* embed Myriad Pro font */

.adaHide {
    position: absolute;
    left: -600px;
    top: -600px;
/*    font-weight:bold;
    color:red;
    background-color: #006;*/
}

@font-face {
	font-family: 'PT Sans';
	src: url('/font/PTSans-BoldItalic.eot');
	src: url('/font/PTSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('/font/PTSans-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'PT Sans';
	src: url('/font/PTSans-Regular.eot');
	src: url('/font/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('/font/PTSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans';
	src: url('/font/PTSans-Italic.eot');
	src: url('/font/PTSans-Italic.eot?#iefix') format('embedded-opentype'),
	url('/font/PTSans-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'PT Sans';
	src: url('/font/PTSans-Bold.eot');
	src: url('/font/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('/font/PTSans-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans Narrow';
	src: url('/font/PTSans-NarrowBold.eot');
	src: url('/font/PTSans-NarrowBold.eot?#iefix') format('embedded-opentype'),
	url('/font/PTSans-NarrowBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans Narrow';
	src: url('/font/PTSans-Narrow.eot');
	src: url('/font/PTSans-Narrow.eot?#iefix') format('embedded-opentype'),
	url('/font/PTSans-Narrow.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans Caption';
	src: url('/font/PTSans-CaptionBold.eot');
	src: url('/font/PTSans-CaptionBold.eot?#iefix') format('embedded-opentype'),
	url('/font/PTSans-CaptionBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans Caption';
	src: url('/font/PTSans-Caption.eot');
	src: url('/font/PTSans-Caption.eot?#iefix') format('embedded-opentype'),
	url('/font/PTSans-Caption.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

#login, #create {
	width: 382px;
	height: 391px;
	padding: 10px;
	background: #fff url('/images_express/whatnext_arrow.gif') no-repeat bottom right;
	display: none;
	position: fixed !important;
	/* _position: absolute; */
	border: 2px solid #cecece;
	z-index: 2002;
	font-family: "PT Sans Narrow";
	font-size: 16px;
	text-align: left;
}
#backgroundOverlay {
	display: none;
	opacity: 0.7;
	position: fixed;
	/* _position: absolute; */
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000;
	border: 1px solid #cecece;
	z-index: 2001;
}
#login a:first-child, #create a:first-child {
	text-decoration: none;
	/* color: #990000; */
	font-weight: bold;
	float: right;
	cursor: pointer;
	font-size: 16px;
}

#login h2, #create h2 {
	font-weight: normal;
	color: #343434;
	font-size: 28px;
	margin-bottom: 5px;
}
/* form#join, form#version, #login a /*#create a  {
	font-family: 'Pt Sans Narrow';
} */
input#txtSiteCode, input#txtUserName, input#txtPassword, input.formField {
	padding: 5px;
	font-size: 16px;
	border-width: 1px;
	border-color: #CCC;
	background-color: #FFF;
	color: #000;
	border-style: solid;
	border-radius: 0px;
	box-shadow: 0px 0px 5px rgba(66,66,66,.75);
}

/* #errFname, #errLName, #errEmail, #errAge, #errGrade, #errUserName, #errPwd, #errCPwd {
    display: inline-block;
    margin-left: 15px;
    font-size: 18px;
    color: rgb(255,0,0);
} */

#pwdOk {
    display: inline-block;
    margin-left: 15px;
    font-size: 18px;
    /* color: rgb(70,119,0); */
}

.msgSuccess {
    color: rgb(70, 119, 0) !important;
}

body {
    font-family: 'PT Sans Narrow';
    margin: 0;
    padding: 0;
    background-color: rgb(242, 242, 242);
    color: #535353;
    font-size: 22px;
    line-height: 150%;
}
h1, h2, h3, h4, h5, h6 { color: rgb(52, 52, 52) }
.flex { display: flex; }
.top-header-container-mobile { display:none; }
.top-header-container {
    height: 807px;
    /* height: 100vh; */
    background-image: url('/images_pub/dock_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    margin: auto;
}

/* .top-header-container-mobile {
    background-image: url('/images_pub/dock_bg.jpg');
} */

.banner-high { height: 807px; }
.banner-medium { height: 575px; }
.banner-short { height: 405px; }

.banner-high-mobile { height: 500px; }

.home { background-image: url('/images_pub/dock_bg.jpg'); }
.parent, .parent-article {
    background: url('/images_pub/parents_banner.jpg') no-repeat;
    height: 575px;
    background-size: 100%;
    background-position-y: -190px;
}
.student, .student-article {
    background: url('/images_pub/students_banner.jpg') no-repeat;
    height: 575px;
    background-size: 100%;
    background-position-y: -225px;
}
.educator {
    background: url('/images_pub/educators_banner.jpg') no-repeat;
    height: 575px;
    background-size: 100%;
    background-position-y: -200px;
}
.jobseeker {
    background: url('/images_pub/jobseekers_banner.jpg') center no-repeat;
    height: 575px;
    background-size: 100%;
}
.assessment {
    background: url('/images_pub/flower_banner.jpg') center no-repeat;
    height: 575px;
    background-size: 100%;
}
.career {
    background: url('/images_pub/banner_careers.jpg') center  no-repeat;
    height: 575px;
    background-size: 100%;
}
.education {
    background: url('/images_pub/college_banner.jpg') no-repeat;
    height: 575px;
    background-position-y: -200px; 
    background-size: 100%;
}
.finaid {
    background: url('/images_pub/ff_banner.jpg') center no-repeat;
    height: 575px;
    background-size: 100%;
}
.eureka-board {
    background: url('/images_pub/banner_board.jpg') center no-repeat;
    height: 575px;
    background-size: 100%;
    background-position-y: -30px;
}
/* .eureka-board .hero-text {
    left: 50%;
    transform: translateX(-50%);

} */
.public-other {
    background: url('/images/road-to-mountains.jpg') center no-repeat;
    height: 405px;
    background-size: 100%;
}

.parent .intro-text, .student .intro-text, .educator .intro-text, .jobseeker .intro-text, .assessment .intro-text, .career .intro-text, .education .intro-text, .finaid .intro-text, .parent-article .intro-text, .student-article .intro-text, .eureka-board .intro-text {
    top: 200px !important;
}

@media screen and (max-width: 1800px) {
    .parent, .parent-article {
        background-position-y: -10px;
    }
    .student, .student-article {
        background-position-y: -130px;
    }
    .educator {
        background-position-y: -50px;
    }
    .education {
        background-position-y: -80px;
    }
    /* .parent, .parent-article, .student, .student-article, .educator, .jobseeker, .assessment, .careers, .education, .finaid {
        
    } */
}



header, section, footer { width: 100%; }
header {
    background-color: rgba(20, 66, 66, .75);
    margin: auto;
}
header a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    transition: color 150ms ease;
}
header a:hover, header a:focus {
    color: #fdce0b;
}
/* header::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.4);
} */
.header-container {
    height: 100px;
    width: 90%;
    max-width: 1800px;
    margin: auto auto;
    display: flex;
    justify-content: space-between;
}
.header-container .logo {
    display:block;
    margin-top: auto;
    margin-bottom: auto;
}
.header-container .logo img {
    width: 288px;
    height: 68px;
    border: 0;
}
.header-container nav.desktop-menu {
    display: flex;
    margin: auto 0;
    flex-basis: 780px;
}
.header-container nav.desktop-menu ul {
    margin: auto;
    padding: 0;
    justify-content: space-around;
    font-weight: bold;
    flex-basis: 80%;
}
.header-container nav.desktop-menu ul li {
    list-style-type: none;
}
.login {
    display: inline-block;
    border-left: solid 1px #fff;
    padding-left: 15px;
}
.login a {
    display:block;
}
.login i { width: 28px; }
.container {
    width: 70%;
    margin: auto;
    /* border: solid 1px red; */
}
/* .container ul li {
    line-height: 100%;
    padding: .1em 0;
} */
.min-height450 { min-height: 450px; }

.btn-green-filled {
    /* background-color: rgb(82, 141, 0); */
    background-color: rgb(70, 119, 0);   
}
.btn {
    color: #fff;
    font-family: "pt sans narrow";
    font-size: 18px;
    line-height: normal;
    padding: 7px 15px;
    border: none;
    border-radius: 3px;
    transition: background-color 250ms ease;
    text-decoration: none;
    cursor: pointer;
}

.btn:hover, .btn:focus { background-color: #141414; }
.btn:disabled {
    background-color: #ccc;
    color: #666;
}
.hero { margin: 225px auto; }

.hero .intro-text {
    text-align: center;
    color: #fff;
    width: 80%;
    margin: auto;
    line-height: normal;
}
.hero .intro-text .intro-header {
    font-size: 67px;
    margin: 0;
    padding: 0;
    color: inherit;
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.50);
}
.hero .intro-content {
    font-size: 30px;
    margin: 20px 0;
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.50);
}
.hero .intro-buttons { margin-top: 50px; }
.hero .intro-buttons a { 
    transition: border-color 250ms ease;
    transition: background-color 250ms ease;
}
.hero .intro-buttons .createBtn:hover,
.hero .intro-buttons .createBtn:focus {
    border-color: rgb(70, 119, 0);
    background-color: rgb(70, 119, 0);
}
.hero .intro-buttons .loginBtn:hover,
.hero .intro-buttons .loginBtn:focus {
    border-color: rgb(255, 174, 0);
    background-color: rgb(255, 174, 0);
}
.hero .intro-buttons a {
    font-size: 22px;
    color: #fff;
    background: transparent;
    border: solid 2px #fff;
    text-decoration: none;
    border-radius: 10px;
    padding: 7px 25px; 
}
.card-container {
    display: flex;
    justify-content: space-between;
    margin: 70px auto;
}
.card-container .card {
    transition: background-color 500ms ease;
    background-color: #fff;
    flex-basis: 30%;
    max-width: 363px;
    border-radius: 3px;
    position: relative;
    box-shadow: rgba(0,0,0,0.14902) 1px 1px 2px;
}
.card-container .card:hover,
.card-container .card:focus { background-color: rgb(209, 209, 209); }
.card-container .card img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
}
.card-container .card h2, .card-container .card h3 {
    font-size: 30px;
    font-weight: normal;
    margin: 0;
}
.card-container .card .card-content { padding: 20px 20px 57px 20px;	}
/* .card-container .card .card-content a { 
    position: absolute;
    bottom: 20px;
    left: 20px;
} */
.card-container .card .card-content .links-container { 
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.stats-bar {
    /* background-color: rgb(255, 174, 0); */
    background-color: rgb(39, 54, 80);
    color: #fff;
    font-family: arial;
    padding: 20px 0;
}
.stats-items {
    font-family: inherit;
    padding:0;
    margin:0;
    display: flex;
    justify-content: space-between;
}
.stats-items li {
    list-style: none;
    text-align: center;
    flex-basis: 170px;
    line-height: normal;
}
.stats-items a {
    color: inherit;
    text-decoration: none;
}
.stats-items h2 {
    font-size: 72px;
    margin:0;
    color: inherit;
}
.stats-items span {
    font-size: 22px;
    font-weight: normal;
}
.head-level1 {
    text-align: center;
    font-size: 72px;
    font-weight: normal;
}
.head-level2 {
    text-align: center;
    font-size: 45px;
    font-weight: normal;
}
.join-section {
    background-color: #fff;
    padding: 125px 0;
}
.join-section h2 {
    margin: 0;
    padding: 0;
}
.join-section .container {
    text-align: center;
    line-height: normal;
}
.join-section .join {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 45px;
    margin-top: 20px;
}
/*
footer {
    background-color: #144242;
    color: #fff;
    height: 350px;
    box-sizing: border-box;
}
footer a { color: #fff; text-decoration: none; }
footer div.container {
    display:flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
footer .footer-nav {
    flex-basis: 40%;
    min-width: 450px;
}
footer .footer-nav ul, footer .footer-contactInfo ul {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
}
footer .logo-footer {
    width: 203px;
    height: 48px;
    background-image: url('/images/eur_logo.png');
    background-size: 203px 48px;
    display: inline-block;
}
*/



.nav-menu-bar {
    width: 100%;
    height: 69px;
    box-sizing: border-box;
    /* padding: 20px 0; */
    /* border-bottom: solid 1px rgba(0, 0, 0, 0.50); */
    padding: 20px 0;
}
.nav-menu-bar ul {
    padding:0;
    margin:0;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    width: 470px;
    margin: auto 0;
}
.nav-menu-bar ul li a {
    text-decoration: none;
    color: rgb(20,20,20);
    padding-bottom: 15px;
    transition: border-bottom 100ms ease-in-out;
}
.nav-menu-bar ul li a:hover, .nav-menu-bar ul li a:focus, .nav-menu-bar ul li a.active {
    /* border-bottom: solid 3px rgb(252, 126, 0); */
    border-bottom: solid 3px rgb(227, 78, 0);
}
.flex-spacebetween {
    display: flex;
    justify-content: space-between;
}
.innercontainer { flex-basis: 45%; }
img.centeredImage {
    display: block;
    margin: auto;
    /* margin: 75px auto; */
    height: 100%;
}
.publicHead2 {  
    font-size: 48px;
    line-height: 100%;
}
.publicHead2_sm {
    font-size: 30px;
    line-height:100%;
}
.publicHead2:first-child, .publicHead2_sm:first-child { margin-top: 0;}

.side-bar .publicHead2_sm {
    font-size: 22px;
    line-height:100%;
    color: #fff;
    /* font-weight: normal; */
}
.side-bar h3 {
    font-size: 27px;
}
.side-bar .slim-heading {
    font-weight: normal;
    margin-top: 0;
}
/* .publicHead2:first-child, .publicHead2_sm:first-child { margin: 0; } */
.side-bar a { color: rgb(255, 234, 217) !important }
.site-bar 
.publicHead3 {
    font-size: 36px;
}

.public-main section {
    padding: 20px 0;
}
.public-main section:nth-child(even) {
    background-color: #fff;
}
.public-main section:nth-child(even) a {
    /* color:rgb(252, 126, 0); */
    color:rgb(227, 78, 0);
}
.public-main section:nth-child(odd) a {
    color: rgb(70,119,0);
}
.public-main section a {
    font-weight: bold;
    text-decoration: none;
    transition: color 100ms ease;
}
.public-main section a:hover, .public-main section a:active {
    color: rgb(20,20,20);
}

.side-bar a:hover {color: rgb(255, 255, 255) !important; }

.product-list span {color: rgb(20, 20, 20);}

.join-bar {
    padding: 160px 0 !important;
}
.join-bar div { text-align: center; }
.join-bar div h2 {
    /* margin: 0; */
    margin: 0 0 15px 0;
    font: normal 72px/95% 'PT Sans Narrow';
}
.join-bar div a {
    margin-top: 20px;
    display: inline-block;
    font: bold 36px 'Pt Sans Narrow';
    color: #fff !important;
    text-decoration: none;
    border: 0;
    border-radius: 3px;
    /* margin-top: 20px; */
    padding: 15px 125px;
    letter-spacing: 3px;
    background: #538D00;
    transition: background-color 250ms ease;
}
.join-bar div a:hover, .join-bar div a:focus {
    background-color: rgb(20, 20, 20);
}
.top-header-container-public-1 {
    height: 700px;
    background-position-y: -215px;
}
.container-wide {
    width: 90%;
    max-width: 1800px;
    margin: auto auto;
}
.hero-public {
    position: relative;
    color: #fff;
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.50);
}
.hero-public .intro-text {
    width: 670px;
    position: absolute;
    top: 300px;
}
.hero-public .intro-text a {
    color: #fff;
    text-decoration: none;
}

.hero-public .intro-text h1.intro-header-public-1 {
    font-size: 60px;
    color: #fff;
    margin-bottom: 0;
    line-height: 100%;
}
.hero-public .intro-text .intro-content-public-1 {
    font-size: 30px;
    margin-top: 10px;
}
.public-other .hero-public .intro-text h1.intro-header-public-1 {
    text-align: center;
    margin-top: 180px;
    margin-bottom: 0;
    color: #fff;
    font-size: 45px;
}

.public-other .hero-public .intro-text {
    font-size: inherit;
    margin-top: inherit;
    color: #fff;
    position: relative;
    top:0;
    width: auto;
}

.side-bar {
    flex-basis: 25%;
    padding: 20px;
    box-sizing: border-box;
    /* margin-bottom: 35px; */
    color: #fff;
    background: #3b7171;
    background: -moz-linear-gradient(top, #3b7171 1%, #144242 100%);
    background: -webkit-linear-gradient(top, #3b7171 1%,#144242 100%);
    background: linear-gradient(to bottom, #3b7171 1%,#144242 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b7171', endColorstr='#144242',GradientType=0 );
    font-size: 18px;
    line-height: 165%;
}
.side-bar .side-bar-author-portrait {
    display: block;
    margin: 0 auto;
    padding: 5px;
    background-color: #fff;
}
.side-bar h3 { color: #fff; }


.show-block { display: block }
.hide-block { display: none }


q {
    quotes: "“" "”" "‘" "’";
    text-align: center;
    display: block;
    font: italic condensed 36px "PT Sans Narrow";
    margin: 40px auto;
}

q:before {
    font-size: 80px;
    line-height: 10px;
    position: relative;
    top: 7px;
    content: open-quote;
}

q:after {
    font-size: 80px;
    line-height: 25px;
    position: relative;
    top: 15px;
    content: close-quote;
}

.wide-text {
    width: 80%;
    text-align: center;
    margin: auto;
}
.no-bottom-margin { margin-bottom: 0; }
.no-margin { margin:0; }
.right {
    display: block;
    text-align: right;
}
.pic-640max {
    width: 100%;
    max-width: 640px;
}

@media screen and (max-width: 1700px) {
    .pic-640max {
        max-width: 500px
    }
}

.banner-wrapper {
    text-align: center;
    margin-top: 180px;
    margin-bottom: 0;
    color: #fff;
    font-size: 45px;
}

.banner-text {
    color: #fff;
}

#amznAffiliate {
    background-color: #fff;
    box-sizing: border-box;
    padding: 5px;
}


footer {
    background-color: #144242;
    font-size: 16px;
    color: #fff;
    padding: 35px 0;
    box-sizing: border-box;
}
footer hr {
    border: solid .5px rgb(39, 88, 88);
    border-collapse: collapse;
}
footer a {
    text-decoration: none;
    color: rgb(255, 234, 217);
}
footer a:hover {
    color: #fff;
}
footer h2, footer h3 {
    font-size: 18px;
    color: #fff;
    margin: 0;
}
.footer-sitemap {
    line-height: 160%;
    flex-basis: 60%;
}
.footer-sitemap nav {
    display: flex;
    justify-content: space-between;
}
.footer-sitemap .group {
    margin-bottom: 20px;
}
.footer-sitemap nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.flex-footer { 
    display: flex;
    justify-content: space-between;
}




.flex-spacearound {
    display:flex;
    justify-content: space-around;
}
.subHead {
    font-style: italic;
    font-size: 16px;
}
/* .centeredImage {
    margin-top: 0 !important;
    margin-left: 0;
} */
.innercontainer-left { flex-basis: 30%;  }
.innercontainer-article { flex-basis: 60%; }
/* h2:first-child { margin: 0; } */
.pad-top { padding-top: 20px; }

.showHidePass { position: relative; }
.showHidePass span {
    position: absolute;
    right: 10px;
    top: 3px;
    cursor: pointer;
}


/* FORMS */

textarea {
    width: 100%;
    height: 120px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
}

@media screen and (max-width: 1700px) {
    /* .top-header-container { height: 680px; } */
    /* .top-header-container { height: 100vh; } */
    .hero { margin: 174px auto; }
    /* .hero { margin: 95px auto; } */
    .container { width: 80%; }
    .hero .intro-text .intro-header {
        font-size: 56px;
    }
    .innercontainer-left {
        flex-basis: 45%
    }
}
@media screen and (max-width: 1023px) {
    body { font-size: 20px; }
    .top-header-container { display: none; }
    .top-header-container-mobile {
        display:block;
        height: 500px;
        /* background-image: url('/images_pub/dock_bg.jpg'); */ /* this is defined further up so not overwritten */
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: center;
        margin: auto;
    }
    .header-container {
        height: 75px;
        display: flex;
        justify-content: space-between;
    }
    .header-container .logo img {
        width: 180px;
        height: 43px;
    }
    .header-container .menu, .menu-icon {
        width: 33px;
        height: 27px;
        margin: auto 0;
    }
    .header-container .mobile-menu {
        position: fixed;
        right: 0;
        top: 75px;
        z-index: 100;
        background: rgb(255, 255, 255, .98);
        height: 100vh;
        width: 80%;
        box-sizing: border-box;
        padding: 35px;
    }
    .header-container .mobile-menu ul {
        list-style-type: none;
        margin-top: 0;
        padding: 0;
    }
    .header-container .mobile-menu ul li {
        margin-bottom: 20px;
    }
    .header-container .mobile-menu ul li a {
        color: #000;
    }
    .hero {
        margin: 112.5px auto;
    }
    .hero-public h1 { color: #fff; }
    .container {width: 90%}
    .hero .intro-text .intro-header {
        font-size: 36px;
    }
    .hero .intro-content {
        font-size: 22px;
    }
    .stats-items h2 {
        font-size: 42px;
    }
    .stats-items span {
        font-size: 16px;
    }
    h2.head-level2 {
        font-size: 24px;
    }
}
@media screen and (max-width: 1000px) {
    /*footer div.container {display:block;}
    footer .footer-nav {
        /* min-width: 350px;
        min-width: 100%;
    }*/
    .public-other {
        height: 275px;
    }

    .hero-public .intro-text {
        color: #fff;
        width: 85%;
        position:static;
        text-align: center;
        margin-top: 115px;
    }
    
    .public-other .hero-public .intro-header {
        margin: 75px 0 0 0;
    }

    .flex-spacebetween { display:block; }
    .nav-menu-bar {
        width: 100%;
        height: 60px;
        padding: 15px 0;
        font-size: 16px;
    }
    .nav-menu-bar ul {
        width: 100%;
    }
    .join-bar {
        padding: 125px 0;
    }
    .join-bar div a {
        margin-top: 70px;
    }
        /* margin-top: 75px; */
    .flex-footer { display: block; }
    .priceBox { width: 205px }
}
@media screen and (max-width: 700px) {
    header {
        position: fixed;
        top: 0;
        z-index: 1000;
        transition: top 300ms;
    }
    .header-container .mobile-menu {
        width: 100vw;
    }
    .public-other .hero-public .intro-text {
        margin: unset;
        /* top: 160px; */
        top: 135px;
        left: 50%;
        transform: translate(-50%);
        /* width: 100%; */
        width: 85%;
    }
    .public-other .hero-public .intro-header {
        margin: 0;
    }
    .top-header-container-mobile .home {
        margin-top: 0;
    }
    .top-header-container-mobile .parent, .top-header-container-mobile .student, .top-header-container-mobile .educator, .top-header-container-mobile .jobseeker, .top-header-container-mobile .career, .top-header-container-mobile .education {
        margin: -190px auto 0 auto;
        height: 445px;
    }
    .student, .educator { background-position-x: -150px; }
    .parent { background-position-x: -250px; }
    .top-header-container-mobile .hero-public .intro-text {
        position: absolute;
        margin:0;
    }
    .hero {
        margin: 65.5px auto;
    }
    .home .hero {
        margin: 0 auto;
    }
    .container { width: 87% }
    .innercontainer { flex-basis: unset; }
    .home .hero .intro-text {
        /* margin: unset; */
        position: relative;
        top: 120px;
    }
    .hero .intro-text .intro-header {
        font-size: 36px;
    }
    .hero .intro-content {
        font-size: 22px;
    }
    .card-container {
        display: block;
    }
    .card-container .card {
        margin-bottom: 30px;
        font-size: 20px;
        max-width: none;
    }
    .card-container .card:last-child { margin-bottom: 35; }
    .stats-bar { padding: 10px 0; }
    .stats-items {
        display: block;
        justify-content: space-between;
    }
    .stats-items li {
        width: 130px;
        margin: 70px auto;
    }
    .stats-items h2 {
        font-size: 43px;
    }
    .stats-items span {
        font-size: 16px;
        font-weight: normal;
        line-height: normal;
    }
    .head-level2 {
        margin-top: 50px;
        font-size: 25px;
    }
    .head-level1 {
        font-size: 36px;
    }
    .side-bar {
        display: none;
    }
    .publicHead2 {
        font-size: 36px;
    }
    /*footer .footer-nav ul {
        justify-content: space-between;
        /* width: 100%;
        margin: 0 0 16px 0;
    }
    footer .footer-nav ul li {
        flex-basis: 20%;
        font-size: 18px;
        text-align: center;
    }*/
    .footer-sitemap nav { display: block; }
    .flex-spacearound { display: block; }
    .priceBox { width: 100%; }
    .priceBox h2 { padding-top: 15px; }
}
@media screen and (max-width: 450px) {
    .join-bar div a {
        font: bold 36px 'Pt Sans Narrow';
        padding: 25px 75px;
    }
}
@media screen {
    .hidden {
        visibility: hidden;
        display: none;
    }
    .skip a {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    .skip a:focus {
        position: static;
        width: auto;
        height: auto;
    }
}