/* 
Created By: MDC Web Services 
Description : 
Revised: January 24, 2018
*/

html,
body {
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #243340;
    display: inline-block;
}

h1,
h2,
h3 {
    border-bottom: 1px solid;
    text-transform: uppercase;
    padding-bottom: 0.2em;
    margin-bottom: 1em;
}

h3 {
    font-size: 1.45em;
    font-weight: 700;
    padding-bottom: 4px;
    margin-bottom: 17px;
    letter-spacing: -1px;
}

a {
    color: #0d61f2;
    cursor: pointer;
}

a:hover,
a:focus {
    color: #0a2d69;
    cursor: pointer;
}

iframe {
    overflow: hidden;
    border: none;
}

#siteContent .btn-primary {
    background-color: #243340;
    font-size: 1.2em;
    color: #fff;
}

#siteContent .btn-primary:hover,
#siteContent .btn-primary:focus {
    background-color: #234b6e;
}

.break {
    display: block;
}

picture {
    display: block;
}

.logo {
    /* text-align: center; */
    display: inline-block;
    /*background: red;*/
}

.logo img {
    width: 100%;
    max-width: 100%;
}

.striped {
    background: transparent url('../img/stripes.png') 0 0;
}

.striped .content {
    background-color: #fff;
}

.paper {
    background: #f8f8f8 url('../img/creampaper.png');
}

.sect-title {
    text-align: center;
}

.info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.media-body {
    vertical-align: middle;
}








/*====== START: Sticky header ======*/

#siteNav {
    border: none;
}

#siteNav.fixed {
    position: fixed;
    top: 51px;
    /* height: 52px; */
    height: auto;
    z-index: 3;
    width: 100%;
}

.sticky-title {
    display: none;
}









/* ====== START: MDC Override ====== */

#siteContent {
    margin-top: 0;
}

#siteNav {
    margin-bottom: 0;
}


.site-nav,
.navbar-default {
    background-color: #0067ac;
}

#siteNav button.dropdown-toggle {
    background: none;
    border: none;
    box-shadow: none;
    padding: 14.5px;
}

.navbar-default .navbar-nav li {
    line-height: 1.5em;
}

.navbar-default .navbar-nav li a:hover,
#siteNav button.dropdown-toggle {
    background-color: #d2ecf2;
    color: #000;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    background-color: #f5f5f5
}


.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus,
#siteNav button.dropdown-toggle {
    /*color: #000;*/
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #eee;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #003e68;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}









/* ====== END: MDC Override ====== */


/* ====== START: Grid ====== */

* {
    box-sizing: border-box;
}










/* ---- grid ---- */

.grid {
    /* background: #EEE;
  max-width: 1200px;*/
}








/* clearfix */

.grid:after {
    content: '';
    display: block;
    clear: both;
}








/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
    width: 25%;
}

.grid-item {
    height: 337px;
    float: left;
}

.grid-item--width2 {
    width: 50%;
}

.grid-item--width3 {
    width: 75%;
}

.grid-item--width4 {
    width: 100%;
}

.grid-item--height2 {
    height: calc(337px * 2);
}

.grid-item--height3 {
    height: calc(337px * 3);
}

.grid-item--height4 {
    height: calc(337px * 4)
}


.grid-item.grid-item--width2.fill-light.grid-item-auto {
    height: auto;
}

/* ====== END: Grid ====== */


/* ====== START: Formstack Override ====== */

.fsSectionHeader {
    display: none !important;
}

body input.fsSubmitButton {
    background-color: #243340 !important;
    font-size: 1.2em !important;
    font-weight: bold;
    padding: 1em 2em;
}

body .fsForm,
body .fsBody {
    padding: 0;
}

body .fsForm .fsSubmit {
    margin-top: 0 !important;
    padding: 0 !important;
}

body .fsBody .fsForm {
    margin: auto;
    padding: 0;
}








/* ====== END: Formstack Override ====== */


/*Masthead Code*/

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.title-name {
    text-shadow: 0px 4px 11.31px rgba(0, 0, 0, 0.58);
}

.title-name p {
    text-align: center;
}

.title-name h1 a,
body .sticky-title a {
    color: inherit;
    text-decoration: inherit;
}

.title-name h1 {
    margin: 0;
    padding: 0.5em 0;
    font-weight: bolder;
    color: inherit;
    border: none;
}

.site-masthead {
    background-color: #163852;
    color: #fff;
    text-align: center;
}


.site-masthead.banner {
    /* height: 30em; */
    height: 45em;
    padding-top: 6em;
}

.title-name {
    margin-top: 6em;
}


/*START: Partnership*/

#partnership {
    border: 1px solid #dcdcdc;
}

.banner {
    position: relative;
    overflow: hidden;
}

.banner .content {
	position: absolute;
	top: 25%;
	/* left: 97px; */
    left: 10%;
	right: 10%;
	width: 80%;
	z-index: 1;
}

.banner img.inline-bg {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.tint {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.title-name.title-background span {
    background-color: rgba(0, 0, 0, 0.3);
    padding-left: 12px;
    padding-right: 12px;
}

#siteContent section:last-of-type {
    margin-bottom: -30px !important;
}

section {
    position: relative;
}


.img-contain {
    margin: 2em auto;
}

.img-contain img {
    width: 100%;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

#forms {
    margin-top: 0;
}

#forms figcaption {
    text-transform: uppercase;
    margin-top: 1em;
}

.staff {
    margin: 30px auto -30px;
    text-align: center
}

.alert-default {
    background-color: #333;
    color: #fff;
    border-radius: 0;
}

.alert-default a {
    color: #fff;
}

.fill-light {
    background-color: #fff;
    color: #333333;
}

.fill-dark {
    background-color: #243340;
    color: #fff;
}








/*Masthead Navigation*/

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #000;
    background-color: #eee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}








/* ====== START: Sidebar ======*/

#announcement dd {
    margin-bottom: 1em;
}








/* ====== START: About Us ======*/

#about .sidebar figure {
    margin-bottom: 0.8em;
}

#about .sidebar .related-content {
    background-color: #ebf2fa;
    border-bottom-width: 0.8em;
    padding: 1em;
    color: #243340;
    margin-bottom: 0;
}

#about .sidebar .additional-info a {
    color: #0d61f2;
}

#about .sidebar .additional-info a:nth-child(1) {
    border-right: 1px solid #0A7894 !important;
    padding-right: 1em;
}

#about .sidebar .additional-info a:nth-child(2) {
    padding-left: 1em;
}








/*====== START: Benefits ======*/

.mentor-benefits {
    text-shadow: 0px 4px 11.31px rgba(0, 0, 0, 0.58);
    color: rgb(255, 255, 255);
    text-align: center;
}

.mentor-benefits .content {
    bottom: 15%;
    top: auto;
}

.mentor-benefits h3 {
    line-height: 1.632;
    color: rgb(255, 255, 255);
    border-bottom: none;
    text-transform: none;
}

.mentor-benefits p {
    text-align: center;
    font-size: 1.5em;
}

.tall-img {
    overflow: hidden;
}

#benefits {
    margin: 0 auto;
}

#benefits .fill-dark h4 {
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 1em;
}

#benefits article.grid-item {
    padding: 1em;
}

.mutual-benefits h3 {
    text-align: center;
}

.mutual-benefits h4 {
    font-size: 3em;
}

.calendar-listing h4 {
    margin-top: 0;
}

.calendar-item {
    border-bottom: 1px solid #c9d0d7;
    padding-bottom: 29px;
    padding-top: 20px;
}

.calendar-item:first-of-type {
    padding-top: 0;
}

.calendar-item:last-of-type {
    border-bottom: none;
    padding-bottom: 36px;
}








/*====== START: Events ======*/

#events iframe html.yui3-js-enabled {
    background: transparent !important;
}

#gallery {
    text-align: left;
}

#gallery a {
    text-align: center;
}

#gallery h3 {
    margin-top: 0;
}

#gallery figure {
    margin-bottom: 1em;
}

#events {
    background-color: #ebf2fa;
    margin-top: 0;
    text-align: center;
}

#events p {
    margin-bottom: 2em;
}

.calendar-listing {
    background-color: #fff;
    text-align: left;
    color: #2e2e2e;
    padding: 2em 5em;
}

.calendar-details a {
    color: inherit;
    text-decoration: none !important;
}

.calendar-details a:hover,
.calendar-details a:focus {
    text-decoration: underline !important;
    color: #23527c;
}








/*----- Calendar events*/

.calendar-date {
    text-align: center;
    background-color: #fff;
    width: 67px;
    height: 67px;
    color: #243340;
    border: 1px solid;
}

.calendar-date .month {
    text-transform: uppercase;
}

.calendar-date .day {
    display: block;
    /*font-size: 2em;*/
   font-size: 42px;
    letter-spacing: -1px;
   /* font-weight: bold;*/
    padding-top: 6px;
}








/*====== START: Requirements ======*/

#requirements aside .content {
    border: 1px solid #ddd;
    padding: 1em;
}

#requirements aside h4 {
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 17px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.panel {
    box-shadow: none;
}

.panel-default {
    border-color: transparent;
}


.panel>.panel-heading {
    border: 1px solid rgb(27, 90, 203);
    border-radius: 0.5em;
    border-color: transparent;
    background-color: #243340;
    color: #fff;
    position: relative;
    z-index: 1;
}

.panel>.panel-heading:hover,
.panel>.panel-heading:focus {
    background-color: #234b6e;
}

.panel .panel-heading a:hover,
.panel .panel-heading a:focus {
    color: #fff;
}

.panel-body {
    border: 1px solid;
    position: relative;
    top: -5px;
}

.panel-heading a {
    display: block;
}











/*====== START: Apply ======*/

#apply li {
    list-style: none;
    overflow: hidden;
}

#apply li span,
#apply li div {
    float: left;
}

#apply li span {
    width: 8%;
}

#apply li div {
    width: 82%;
    margin-left: 1em;
}

#apply ul {
    padding-left: 0;
}



#apply picture,
#apply .content {
    padding-left: 0;
    padding-right: 0;
}

#apply picture {
    overflow: hidden;
}

#apply .content {
    padding-left: 1.1em;
    padding-right: 1.1em;
}

#apply .content h2 {
    margin-bottom: 0.2em;
}

#apply .content h3 {
    font-size: 1.3em;
    margin: 5px 0;
    border-bottom: none;
}

.glyphicon-ok-sign {
    color: #dae5a7;
    font-size: 3em;
    padding-right: 0.5em;
    vertical-align: baseline;
}







/*====== START: Resources ======*/

#resources h3 {
    border-bottom: none;
}

#resources ul {
    list-style: none;
    padding-left: 0;
}







/*====== START: Testimonial  ======*/

#testimony {
    /*background-color: #ebf2fa;*/
    margin-bottom: -1.5em;
    border: 1px solid #dcdcdc;
}

#testimony .panel-default {
    border-color: transparent;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.2);
}

#testimony .panel-body {
    border: none;
}

#testimony .panel-footer {
    background-color: transparent;
    text-align: center;
    padding: 1em 0;
    margin-top: 1em;
}

#testimony .panel-footer span {
    float: none;
    display: block;
    font-size: 2em;
    font-weight: bold;
}







/*====== START: Team  ======*/

#team p {
    text-align: center;
}

.member img {
    height: 180px;
    width: 180px;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.member div {
    margin-top: 30px;
}

#team figure.col-md-4{
    margin-left: auto;
    margin-right: auto;
}






/*====== START: Contact ======*/

#contact {
    background-color: #243340;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: -1.5em;
}

#contact article {
    background-color: #fff;
    margin: auto;
    padding: 1.5em 3em;
}

#contact .form {
    padding-left: 0;
}

#contact h2 {
    text-align: center;
}

#contact h3 {
    border-bottom: none;
}

#contact aside h4 {
    border-bottom: 1px solid #333333;
    display: block;
}

#contact aside h5 {
    color: #333;
    display: block;
    border-bottom: 1px solid #c9d0d7;
    padding-bottom: 4px;
    margin-bottom: 17px;
}

.social strong {
    color: #333;
}





/*Font Icons*/

.font-test {
    font-size: 128px;
    color: #555E72;
}








/*login area*/

.login-box {
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 999999;
    background: rgba(255, 255, 255, 0.80);
    padding: 30px;
}

.user-info {
    padding-top: 20px;
    padding-bottom: 14px;
}

.branding {
    background: #02478a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #02478a 0%, #00adff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #02478a), color-stop(100%, #00adff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #02478a 0%, #00adff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #02478a 0%, #00adff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #02478a 0%, #00adff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #02478a 0%, #00adff 100%);
    /* W3C */
    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#02478a', endColorstr='#00adff', GradientType=0);*/
    /* IE6-9 */
}

.branding img {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}







/*Style*/

.color-primary {
    background-color: #2196f3;
    color: #ffffff;
    height: 120px;
    padding: 30px;
}

.color-primary-hue1 {
    background-color: #bbdefb;
    height: 120px;
    padding: 30px;
}

.color-primary-hue2 {
    background-color: #0d47a1;
    color: #ffffff;
    height: 120px;
    padding: 30px;
}

.color-accent {
    background-color: #ff1744;
    color: #ffffff;
    height: 120px;
    padding: 30px;
}

.caption-teaser2 {
    height: 100%;
    width: 100%;
    display: block;
    bottom: -80%;
    text-align: center;
}

.caption-panel:hover .caption-teaser2 {
    background-color: rgba(0, 0, 0, 0.90);
    -moz-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
}

.org-detail {
    padding: 20px;
}

.org-title {
    height: 20%;
}

.caption-container2 {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}




#siteNav .navbar-header img {
    padding-bottom: 6px;
}


/* START: Responsive Queries*/

@media (max-width: 349px) {
    #siteNav.fixed .logo {
        width: 35%;
    }
}

@media (min-width: 350px) and (max-width: 640px) {}

@media (max-width: 479px) {
    .glyphicon-ok-sign {
        font-size: 2em;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    /*.grid-item.grid-item--width2.fill-light:nth-child(4) {
        background-color: red;
        top: 760px !important;
    }
    .grid-item.grid-item--width2.grid-item--height2.tall-img:nth-child(1) {
        border: 1px solid orange;
        top: 1057px !important;
    }
    .grid-item.grid-item--width2.fill-light:nth-child(7) {
        background-color: pink;
        top: 2174px !important;
    }*/
}


@media (max-width: 640px) {
    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.3em;
    }


    picture {
        margin-bottom: 1em
    }
    #siteNav.fixed a.logo {
        width: 7em;
    }
    a.logo {
        width: 30%;
    }
    .additional-info a {
        display: block;
    }
    #about .sidebar .additional-info a:nth-child(1) {
        border-right: none !important;
        padding-right: 0;
        margin-bottom: 1em;
        /*border-bottom: 1px solid #0A7894 !important;*/
    }
    #about .sidebar .additional-info a:nth-child(2) {
        padding-left: 0;
    }
    .grid-item {
        height: auto;
    }
    /*.mentor-benefits .tall-img {
        height: 500px;
    }*/
    .mentor-benefits h3 {
        font-size: 1.7em;
    }
    #benefits .tall-img img {
        width: 100%;
        height: auto;
    }
    #benefits article.grid-item.video {
        padding: 1em;
    }
    .grid-item.video h4 {}
    #partnership img {
        width: 80%;
    }
    #contact .social img {
        width: 5em;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    h2 {
        font-size: 1.9em;
    }

    h3 {
        font-size: 1.5em;
    }
    #siteNav.fixed .logo {
        width: 15%;
    }
    #partnership img {
        width: 50%;
    }
    .mentor-benefits h3 {
        font-size: 2em;
    }
    .mentor-benefits.banner {
        height: 500px;
    }
    .mentor-benefits.banner img.inline-bg {
        width: auto;
        height: 100%;
    }
    .mentor-benefits h3 {
        font-size: 2em;
    }
    .mentor-benefits p {
        font-size: 1.2em;
    }
    .grid-item.grid-item--width2.fill-light:nth-child(4) {
        top: 687px !important;
    }
    .grid-item.grid-item--width2.grid-item--height2.tall-img:nth-child(1) {
        top: 1024px !important;
    }
    .grid-item.grid-item--width2.fill-dark {
        top: 1698px !important;
    }
}

@media (max-width: 767px) {
    .hide-onmobile {
        display: none;
    }
    .show-onmobile {
        display: block;
    }

    .btn-primary {
        white-space: normal;
    }
    #siteNav button.navbar-toggle {
        margin-right: 0;
    }
    #siteNav.fixed .site-nav {
        margin-left: -15px;
        margin-right: -15px;
    }
    .chart .break {
        display: inline;
    }

    picture img,
    figure img {
        margin: 0.7em auto;
    }
    .social div img {
        margin-left: initial;
        margin-right: initial;
        width: 3em;
    }
    #siteNav.fixed .sticky-title {
        display: inline-block;
        font-weight: bold;
        color: #006075;
        float: left;
        width: 80%;
        padding-top: 10px;
    }
    #siteNav .navbar-header img {
        /* padding-left: 0;
        padding-top: 0; */
    }

    .navbar-default .navbar-nav li {
        border-bottom: 1px solid #eee;
    }

    .navbar-default .navbar-nav li:last-child {
        border-bottom: none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: inherit;
    }

    #siteNav button.dropdown-toggle {
        width: 100%;
        text-align: left;
    }

    section,
    .trip,
    .mutual-benefits {
        margin: 1em auto;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .page-navigation .dropdown-toggle {
        border-bottom: 1px solid #eee;
    }

    body .page-navigation .dropdown-menu li:last-of-type {
        border-bottom: 0;
    }

    body .page-navigation .dropdown-menu {
        /*
        ----- Make all drop-downs open by default -----
        position: static !important;
        float: none !important;
        display: block !important;
        box-shadow: none !important;
        font-family: 'Open Sans', sans-serif !important;
        border-radius: 0;
        border: none;
        */
    }
    #events p {
        margin-bottom: 1em;
    }

    .page-navigation .dropdown-menu a:before {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e250";
        padding-left: 1em;
        padding-right: 0.5em;
    }

    .dropdown-menu>li>a {
        font-weight: 600;
    }
    #contact aside {
        margin-top: 3em;
    }

    form label {
        width: 40%;
        font-size: 1em !important;
    }

    body .fsBody .fsSupporting {
        margin-left: 3.5em;
    }

    .fsPagination .fsSubmitButton {
        padding: 1em;
    }
    #partnership img {
        margin-left: auto;
        margin-right: auto;
    }
    .grid-item--width2 {
        width: 100%;
    }

    .grid-item--width3 {
        width: 100%;
    }
    /*#gallery {
        text-align: center;
    }*/
    #gallery figure {
        width: 90%;
        margin: 0 auto 1em;
    }
    /*#gallery h3.visible-xs {
        display: inline-block !important;
    }*/
    #resources article h3 {
        margin-bottom: 0;
    }
    #resources article ul {
        margin-bottom: 2em;
    }
    #testimony .panel-default {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}











/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .hide-onmobile {
        display: block;
    }
    .show-onmobile {
        display: none;
    }
    .tall-img img {
        height: 100%;
        width: auto;
    }
    .mentor-benefits h3 {
        font-size: 2.5em;
    }
    #events p {
        margin-bottom: 2em;
    }
    .calendar-date {
        width: 100%;
    }
    #siteNav.fixed .logo {
        width: 60%;
    }
}

@media (max-width: 768px) {
    .calendar-date {
        margin-bottom: 10px;
    }
    #siteNav .navbar-toggle {
        margin-top: 25px;
    }
    #siteNav button.navbar-toggle {
        margin-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #siteNav .navbar-header {
        /* width: 20%; */
        width: auto;
    }
    #siteNav .navbar-toggle {
        margin-top: 25px;
    }

    #siteNav:not(.fixed) .navbar-nav {
        margin-top: 0.65em;
    }
    #siteNav .navbar-nav {
        font-size: 0.95em;
        width: 80%;
    }

    #siteNav.fixed .logo img {
        width: 40%;
        padding-bottom: 6px;
    }

    .title-name h1 {
        font-size: 1.8em;
    }

    section {
        margin: 1.5em auto;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }


    #licensing figure[class*="col-"] {
        min-height: 202px;
    }

    #college-credit {
        width: 50.3%;
    }

    form label {
        width: 27%;
    }
    .grid-item img {
        height: 100%;
        width: auto;
        max-width: initial;
    }
    .grid-item {
        height: 450px;
    }
    .grid-item--height2 {
        height: calc(450px * 2);
    }

    .grid-item--height3 {
        height: calc(450px * 3);
    }

    .grid-item--height4 {
        height: calc(450px * 4)
    }
    picture.grid-item {
        overflow: hidden;
    }
    picture.grid-item img {
        position: relative;
        left: -60%;
    }
    #benefits article.grid-item.video {
        padding: 0;
    }
    .grid-item.video h4 {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    .social p a {
        /*font-size: 0.9em;*/
        margin-top: -6px;
        display: inline-block;
    }
}



@media (min-width: 991px) and (max-width: 1024px) {}

@media (max-width: 1024px) {
    #benefits .extended {
        height: auto;
    }
}

@media (max-width: 991px) {
    body #siteNav button.dropdown-toggle {
        padding-right: 8px;
        padding-left: 8px;
    }

    .hide-ontablet {
        display: none;
    }
    #gallery {
        margin-top: 2em;
    }
    #apply-pic img {
        width: 100%;
    }
    #contact .social img {
        width: 5em;
    }
}










/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .site-masthead img.inline-bg {
        top: -8em;
    }
    #about aside {
        top: -8em;
    }
    #about .sidebar figure,
    #about .sidebar .related-content {
        border-left-width: 0.8em;
        border-right-width: 0.8em;
        border-style: solid;
        border-color: #fff;
    }

    #about .sidebar figure {
        border-top-width: 0.8em;
    }
    .calendar-details {
        height: 107px;
        overflow: hidden;
    }
    .homepage-hero-module {
        padding: 2em 0;
    }
    .ico-group img,
    .ico-group span {
        float: left;
    }
    .ico-group span {
        margin-top: 5%;
        width: 65%;
    }
    .ico-group img {
        margin-right: 5%;
    }

    #about {
        padding: 3em 0 0;
    }

    section {
        margin: 1.5em auto;
        padding-top: 4em;
        padding-bottom: 4em;
    }
    .mentor-benefits {
        margin: -1.5em auto;
    }

    #siteNav button.dropdown-toggle {
        padding-right: 15px;
        padding-left: 15px;
    }

    #requirements p {
        margin-bottom: 2em;
    }
    #apply-pic {
        position: relative;
    }
    #apply-pic img {
        height: 100%;
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .hide-nav-text {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
}

@media (max-width: 992px) {
    .site-masthead.banner {
        height: 30em;
        padding-top: 40px;
    }
    .site-masthead.banner .title-name { 
        width: auto !important;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {

    #siteNav:not(.fixed) a.logo {
        padding: 0.5em 0
    }
    #siteNav:not(.fixed) nav .navbar-nav {
        margin-top: 1.5em
    }
    .img-contain {
        width: 75%;
    }

    .title-name h1 {
        font-size: 2em;
    }
    .grid-item img,
    #apply picture img {
        height: 100%;
        width: auto;
        max-width: initial;
    }
    #apply picture {
        height: 491px;
    }
    #apply picture img {
        position: relative;
        left: -8em;
    }
    #benefits .extended {
        height: auto;
    }
    form label {
        width: 27%;
    }

    form input:not(.fsSubmitButton),
    form select,
    form textarea {
        width: 90% !important;
    }
    form input[type="checkbox"] {
        width: inherit !important;
    }
    #testimony div:nth-child(3) .panel-default {
        /*Fix column layout where height is unequal */
        margin-bottom: 4em;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .calendar-date {
        height: 50px;
    }

    .calendar-date .day {
        font-size: 28px;
        padding-top: 0;
    }
    #siteNav.fixed .logo img {
        width: 25%;
        padding-bottom: 6px;
    }
}

@media (max-width: 1200px) {
    #siteNav.fixed .logo {
        text-align: inherit;
    }
}









/* Large devices (large desktops, 1200px and up) */

@media (min-width: 2000px) {}

@media (min-width: 1200px) and (max-height: 750px) {}

@media (min-width: 1200px) and (min-height: 1000px) {}

@media (min-width: 1400px) and (max-height: 940px) {}

@media (min-width: 1200px) and (min-height: 1100px) {}

@media (min-width: 1200px) {
    #siteNav:not(.fixed) a.logo {
        padding: 0.5em 0
    }
    #siteNav:not(.fixed) nav .navbar-nav {
        margin-top: 1.5em
    }
    #siteNav.fixed .logo img {
        width: 170px;
    }
    .img-contain {
        width: 75%;
    }
    .title-name p {
        font-size: 2em;
    }
    .title-name h1 {
        font-size: 3.5em;
    }

    .navbar-default .navbar-nav li a,
    .navbar-default .navbar-nav li a:focus,
    #siteNav button.dropdown-toggle {
        font-size: 1.1em;
    }
    #benefits .extended {
        height: 400px;
    }
}

@media (min-width: 992px) and (max-width: 1070px) {

    .site-masthead {
        height: 400px;
    }
}

@media (min-width: 1071px) and (max-width: 1239px) {
    .site-masthead {
        height: 500px;
    }
}

@media (min-width: 1240px) and (max-width: 1539px) {
    .site-masthead {
        height: 580px;
    }
}

@media (min-width: 1540px) {
    .banner {
        height: 768px;
    }
}