@charset "UTF-8";

html, body {
    text-rendering: optimizeLegibility;
    height: fit-content;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    scroll-behavior: smooth;
    padding-right: 0 !important;
}

h1, h2, h3, h4 {
    text-wrap: balance;
}

/* ===========   Navbar stuff  ================  */

.navbar-brand {
    padding: 12px 25px 0 0;
}

.navbar-brand .logo {
    max-width: 290px;
}

.navbar-nav>li:hover {
    background-color: #eeeeee;
}

.navbar-nav .active {
    background-color: #e9e9e9;
}

/* -------  dropdown buttons -----------  */

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;

}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #eeeeee;
    color: black;
}

li.dropdown {
    display: inline-block;
    padding: 0 .6vw 0 .6vw;
}

.dropdown-content {
    display: none;
    position: absolute;
    left: -3px;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}


.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content>.dropdown-menu {
    float: left;
    top: 5px;
    left: 110px;
    background-color: #eee;
    border: none;
}

.dropdown-menu {
    font-family: sans-serif, 'open-sans';
    font-weight: 700;
}

.dropdown-content>.active {
    border: none;
}


.selfDesigned {
    color: white !important;
    background-color: #810808;
    font-weight: bold;
}

.selfDesigned:hover {
    color: #5c0505 !important;
    background-color: white !important;
}

/* ================= HEROS section ========================== */

/* ------- this makes the fixed aspect ratio box for the heros to be in ------- */

.heroWrapper {
    width: 100%;
    padding-top: 45%;
    position: relative;
    margin: auto;
}

/* ------- short hacks ------- */
.heroWrapperShort {
    width: 100%;
    padding-top: 23%;
    position: relative;
    margin: auto;
}

/* -------- this is the box that holds the slides of the carousel -------------*/

#heros {
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#heros img {
    max-width: 100%;
    display: inline;
}

.carousel-control.left, .carousel-control.right {
    background: transparent;
    height: 6vw;
    width: 6vw;
    margin: 9vw .8vw;
}

.glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left {
    color: #ffffff;
    opacity: 100;
    mix-blend-mode: normal;
}

#heros .carousel-caption {
    text-align: center;
    width: 45vw;
    position: fixed;
    top: 0vw;
    left: 9vw;
}

#heros .carousel-caption h3 {
    font-family: 'Poppins', san-serif;
    font-size: 1.7vw;
    font-weight: bold;
    margin: 0;
    padding: 0;
}


#heros hr {
    height: 3px;
    border-width: 0;
    color: #cf2127;
    background-color: #cf2127;
    width: 14vw;
    text-align: left;
    margin: 15px 0;
}

#heros .carousel-caption p {
    font-family: 'karla', serif;
    font-size: 2.2vw;
    line-height: 2.5vw;
    font-weight: 500;
}

#heros .carousel-caption p a {
    color: white;
    text-decoration: underline;
}

#heros>.carousel-inner>.item>.carousel-caption h3, #heros>.carousel-inner>.item>.carousel-caption hr, #heros>.carousel-inner>.item>.carousel-caption p, #heros>.carousel-inner>.item>.carousel-caption p a, #heros>.carousel-inner>.item>.carousel-caption .btn {
    opacity: 0;
}

#heros .carousel-inner .item.active .carousel-caption h3 {
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    opacity: 1;
}

#heros .carousel-inner .item.active .carousel-caption hr {
    transition: 1s ease;
    -moz-transition: 1s ease;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    opacity: 1;
}

#heros .carousel-inner .item.active .carousel-caption p, #heros .carousel-inner .item.active .carousel-caption p a {
    transition: 1.5s;
    -moz-transition: 1.5s ease;
    -webkit-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    opacity: 1;
}

#heros .carousel-inner .item.active .carousel-caption .btn {
    transition: .3s;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    opacity: 1;
}

.btnHolder {
    white-space: nowrap;
}

.responsive-header-logo {
    width: 100%;
    min-width: 250px;
    max-width: 320px;
    height: auto;
    display: block;
}




/* ================= SPOTLIGHT section ========================== */

.container-wrapper.spotlightPanel {
    background-color: #fff;
    text-align: center;
    margin-top: 0 !important;
}

.sl_img {
    position: relative;
    margin: .5vw 0;
}

.sl_img img {
    display: inline-block;
}


.hoverMessage {
    transition: .7s ease;
    -moz-transition: .7s ease;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    text-align: center;
}

.hoverMessageText {
    background-color: #471f6e;
    color: white;
    font-size: 26px;
    letter-spacing: .1vw;
    padding: 16px 32px;
    font-family: 'Poppins', san-serif;
    line-height: 2.2rem;
    font-style: italic;
    white-space: nowrap;
}

.sl_img:hover .hoverMessage {
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}




.steps {
    text-align: center;
    margin-bottom: 2vw;
}

.waldorf .steps h3 {
    font-family: 'Poppins', san-serif;
    font-size: 4.2rem;
    font-weight: bold !important;
    color: #471f6e;
    margin-bottom: .5rem;
}

/* ========== Footer ========== */

.footer-logo {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.responsive-header-logo {
    width: 100%;
    min-width: 250px;
    max-width: 320px;
    height: auto;
    display: block;
}


.moreLink {
    transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    background-color: #471f6e;
    color: white;
    font-family: 'Poppins', san-serif;
    font-size: 2.4rem;
    font-style: italic;
    padding: .5rem 3rem .5rem 3rem;
    display: inline-block;
    margin-bottom: 3vw;
    opacity: 1;
}

.margin-responsive-bottom {
    margin-bottom: 1vw;
}

/* ========== footer section  ============  */

.footer {
    background-color: #5b5555;
    color: white;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.footer h6 {
    font-size: 2.2vw;
    font-family: 'Poppins', san-serif;
    margin: 1.5vw 0 0 0;
}

.footer ul {
    list-style: none;
    list-style-position: inside;
    margin: .1vw 0 0 0;
    padding: 2vw 0 0 0;
    font-size: 1.4vw;
}

.footer ul li a {
    text-align: left;
    padding: .7vw 0 .5vw 0;
}

.footer a, .footer a:active, .footer a:visited {
    text-decoration: none;
    background-color: inherit;
    color: white;
}

.footer ul a:hover {
    background-color: inherit;
    color: white;
    text-decoration: underline;
}



.buffer {
    min-height: 900px;
}

.buffer_small {
    min-height: 4vw;
}

.right {
    text-align: right;
}

/*  ====  partners   ============  */

.partners {
    padding: 15vw 0 15vw;
    background: url("../images/WaldorfMasters_degree/salveson-hall.jpg") no-repeat scroll 0px 0%/cover transparent;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}

.sixfree {
    margin-top: 30px;
    padding: 5vw 10vw 17vw 0;
    background: url("../images/WaldorfMasters_degree/6freeCredits_banner2.jpg") no-repeat scroll 0px 0%/cover transparent;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.sixfree .container {
    position: relative;
    left: 17vw;
    font-size: 2vw;
    padding: none;
    max-width: 65vw;
}

.sixfreeText {
    font-family: 'Poppins', san-serif;
    font-size: 4vw;
    color: white;
    background-color: rgba(71, 31, 110, 0.8);
    padding: .1vw;
    max-width: 35vw;
}

.vEnhanced {
    padding: 12vw 0 20vw;
    background: url("../images/WaldorfMasters_degree/EI_waldorfVideo.jpg") no-repeat scroll 0px 0%/cover transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}




.mt_prtnrs {
    font-family: 'Poppins', san-serif;
    font-size: 4.2vw;
    color: white;
    background-color: rgba(71, 31, 110, 0.8);
    padding: 1.5vw;
}


.faqText {
    font-family: 'Poppins', san-serif;
    font-size: 3vw;
    color: white;
    background-color: rgba(183, 146, 87, 0.8);
    padding: 1vw;
    max-width: 40vw;
}

.faqBig {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: #b79257;
}



.clicktosee:hover span {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: rgba(71, 31, 110, 0.8);
    ;
}

.waldorfFAQs {
    margin-top: 30px;
    padding: 8vw 35vw 18vw 0;
    background: url("../images/WaldorfMasters_degree/waldorfFAQ.jpg") no-repeat scroll 0px 0%/cover transparent;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

.applynowPage {
    margin-top: 30px;
    padding: 8vw 35vw 18vw 0;
    background: url("../images/WaldorfMasters_degree/waldorf-Appy.png") no-repeat scroll 0px 0%/cover transparent;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

/*  =====  modal stuff  =============  */

/* ===== amazing footer sticker code  ==========  */


#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    /* Footer height */
}

/*   ========   bootstrap overrides   ==========   */

body p {
    line-height: 1.4;
}

.navbar {
    margin-bottom: 0px;
}



.navbar li a {
    padding: 8px 9px;
}

.dropdown-content {
    padding: 5px 5px 0 5px !important;
}

.navbar .dropdown-content a {
    color: #777;
    padding: 12px 6px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 13px;
}

.navbar-default {
    background-color: #fff;
    border: none;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: -1px;
}

.btn-default {
    transition: .3s ease;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    background-color: #471f6e;
    border: none;
    color: #fff;
    margin: .5vw 5.5vw 0 0;
    padding: .1vw 1vw;
    font-size: 2.6vw;
    letter-spacing: .15vw;
}

.btn-default:hover {
    transition: .3s ease;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    background-color: #fff;
    border: none;
    color: rgb(78, 78, 78);
}

.img-responsive {
    width: 100%;
}

.btn-lg {
    font-size: 2vw;
}

.btn-success {
    color: #fff;
    background-color: #471f6e;
    border-color: #471f6e;
}

.btn-success:hover {
    color: #fff;
    background-color: #cf2127;
    border-color: #cf2127;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #cf2127;
    border-color: #cf2127;
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #cf2127;
    border-color: #cf2127;
}

/*   ==============   END of bootstrap overrides   ==========   */

/*  ----------   Content helpers from Nick -------  */

.nobr {
    white-space: nowrap;
}

.container-wrapper {
    margin-top: 50px;
    height: 100%;
    width: 100% auto;
}

.block {
    width: 100%;
}

.push {
    height: auto;
}

/* Margin */

.margin-add-top {
    margin-top: 15px !important;
}

.margin-remove-top {
    margin-top: 0 !important;
}

.margin-add-bottom {
    margin-bottom: 15px !important;
}

.margin-remove-bottom {
    margin-bottom: 0 !important;
}

.jp-flat-video .jp-control {
    background-color: rgba(71, 31, 110, 1);
}

.jp-flat-video .jp-play-bar {
    background-color: rgba(183, 146, 87, 0.8);
}

.sidePic p {

    color: rgb(183, 146, 87);
    line-height: normal;
    padding-top: .5rem;
    font-family: 'Open Sans', sans-serif;
}

.sidePic a {
    color: #471f6e;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}



.sidePic a:hover {
    color: rgb(71, 31, 110);
    font-size: 18px;
    text-decoration: underline;
}

#return-to-top-button {
    color: rgba(179, 2, 2, 1);
}

.bg-primary {
    color: #fff;
    background-color: #471f6e;
}

/* ==============New for Waldorf ================= */

.navbar-default .navbar-nav>li>div {
    color: #471f6e;
    font-family: poppins, sans-serif;
    font-weight: 400 !important;
    padding: 20px 2vw 0 0;
}

.navbar-default .navbar-nav>li>a {
    color: #471f6e;
    font-family: poppins, sans-serif;
    font-weight: 400 !important;
    padding: 20px 2vw 0 .2vw;
}

.btnHolder {
    margin-left: 6.3vw;
}

video {
    pointer-events: none;
}

.content {
    display: flex;
    width: fit-content;
    padding: 10px;
}


#videoBlock {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}


.waldorf h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 300 !important;
    font-style: normal;
    text-shadow: none;
    color: #471f6e;
    font-size: 1.4vw;
    line-height: 1.2;
    letter-spacing: normal;
}

.waldorf img {
    width: 12vw;
    max-width: 400px;
    height: auto;
    position: relative;
    left: 1vw;
    margin-bottom: 15px;
    display: inline-block;
}

.carousel-caption {
    position: fixed;
    top: 1.1vw;
    width: 42vw !important;
}

.waldorf .btn-default {
    background-color: rgb(183, 146, 87) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-family: "Poppins", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    text-shadow: none;
    letter-spacing: normal;
    font-size: 1.2vw;
    line-height: 1.2;
    padding: 3px 20px;
    text-decoration: none;
}

/* ========== Carousel controls ========== */

.glyphicon.glyphicon-chevron-right,
.glyphicon.glyphicon-chevron-left {
    color: #471f6e;
    opacity: 100;
    mix-blend-mode: normal;
}

.carousel-indicators li {
    background-color: rgb(183, 146, 87);
    background-color: rgba(119, 28, 28. 0.50);
    border: 1 solid #471f6e;
}

.carousel-indicators .active {
    background-color: rgb(100, 23, 189);
    border: 1 solid rgb(100, 23, 189);
}


a.creditEarned {
    font-family: "Poppins", sans-serif;
    font-weight: 600 !important;
    color: white;
    letter-spacing: normal;
    line-height: 1.2;
    text-decoration: none;
    display: inline-block;
    padding: .6rem 1.2rem;
    text-align: center;
    font-size: 1.5vw;
    background-color: rgb(100, 23, 189);
    transition: background-color .5s ease, color .5s ease, letter-spacing .5s ease;
    line-height: 1.2;
    border-radius: .6rem;
    min-width: 200px;
}

a.creditEarned:hover {
    color: rgb(100, 23, 189);
    cursor: pointer;
    letter-spacing: .2rem;
    background-color: white;
}

.waldorfMasters {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 300 !important;
    font-style: normal;
    color: #471f6e;
    font-size: 1.5vw !important;
    line-height: 1.2;
    letter-spacing: normal;
    padding: 0 12vw 10px 12vw;
}


.answer a {
    color: #a87422;
    font-weight: 600;
}

.answer a:hover {
    color: #573d09;
    text-decoration: underline;
    font-weight: 600;
}


.waldorf h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.8vw;
    font-weight: 800;
    color: #b79257;
}

.waldorf h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 800;
    color: #b79257;
}

.waldorf h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    color: #471f6e;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
}

.waldorfMasters h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600 !important;
    color: #471f6e;
    font-size: 2.2vw;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
}

.waldorfMasters p {
    font-family: "Poppins", sans-serif;
    text-align: justify;
    font-weight: 300 !important;
    font-style: normal;
    text-shadow: none;
    color: #471f6e;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: normal;
}

#waldorf hr {
    height: 3px;
    border-width: 0;
    color: #b79257;
    background-color: #b79257;
    width: 55%;
    margin: auto;
    opacity: 1;
    margin-bottom: 1.5vw;
}

.WaldorfThing {
    opacity: 1;
    width: 95%;
    height: auto;
    margin: 0 10px 25px 10px;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    backface-visibility: hidden;
    border: solid 1px #b79257;
    border-radius: 6px;
}

.hoverMessageText {
    background-color: #b79257;
    color: white;
    font-size: 26px;
    letter-spacing: .1vw;
    padding: 16px 32px;
    font-family: 'Poppins', san-serif;
    line-height: 2.2rem;
    font-style: italic;
    white-space: nowrap;
}

.sl_img .picTitle {
    letter-spacing: .3rem;
    position: absolute;
    top: .2vw;
    left: .7vw;
    background-color: #b79257;
    color: white;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 6px;
    font-weight: bold;
}

.picTitle p {
    margin: .2rem;
    color: white;
}

.picTitlelong {
    visibility: visible;
}


.picTitleshort {
    visibility: hidden;
    display: none;
}


.talk2aLive_wide {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    width: 60%;
    z-index: -0;
}

.talk2aLive_narrow {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -40%);
    width: 100%;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    font-size: 2vw;
    font-weight: 500;
    text-align: center;
    width: 60%;
    z-index: -0;
}

.phone-number {
    color: #fff !important;
}

.bottomText {
    font-size: 19px !important;
}




.waldorfcontact {
    padding: 6vw 3vw 8vw 43vw;
    background: url("../images/WaldorfMasters_degree/waldorfcontact.png") no-repeat scroll 0px 0%/cover transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.waldorfContactbox {
    border: #c4c4c4 1px solid;
    border-radius: 10px;
    padding: 1vw;
    text-align: left;
    margin: 10px;
}

.waldorfContactbox h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #b79257;
}

.waldorfContactbox img {
    height: auto;
    display: block;
    min-width: 200px;
}

/* ===============  media queries ==================== */

/* Small devices */
@media screen and (min-width: 2176px) {
    .navbar-nav {
        width: 839px;
    }

    .navbar-nav>li {
        font-size: 15px;
    }

    .navbar-default .navbar-nav>li>div, .navbar-default .navbar-nav>li>a {
        color: #471f6e;
        font-family: poppins, sans-serif;
        font-weight: 400 !important;
        padding: 20px 27px 0 0;
    }

}

@media screen and (min-width: 1600px) {


    .partners {
        padding: 200px 0 200px;
    }

    .sixfreeText {
        font-size: 70px;
    }

    .waldorf h3 {
        font-size: 24px !important;
    }
}

@media screen and (min-width: 1200px) {

    #heros .carousel-caption p {
        max-width: 600px;
    }

    .talk2aLive_wide {
        font-size: 1.3vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav>li>div {
        padding: 19px .0 0 0;
    }

    .navbar li a {
        padding: 15px 5px;
    }

    .navbar .dropdown-content a {
        padding: 12px 5px;
    }

    .navbar-brand {
        padding: 13px 5px 0 0;
        margin: 0px;
    }

    .navbar-brand .logo {
        max-width: 250px;
        margin: 0;
    }
}


@media screen and (max-width: 1200px) {
    .waldorfMasters h3 {
        font-size: 28px;
    }

    .waldorf h3 {
        font-size: 24px;
    }

    a.creditEarned {
        font-size: 18px;
     }
    }

    @media screen and (max-width:1024px) {
        .univ_parallax {
            background-size: contain;
            background-attachment: scroll;
        }
    }


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

        .talk2aLive_wide {
            display: inline-block !important;
        }

        .talk2aLive_narrow {
            display: none !important;
        }

        .WaldorfThing_wide {
            display: inline-block !important;
        }

        .WaldorfThing_narrow {
            display: none !important;
        }
    }





    @media screen and (max-width: 992px) {
        .btn-default {
            margin: 1vw 3vw 0 0;
            padding: .1vw 1vw;
            font-size: 3.4vw;
        }

        .navbar-default .navbar-nav>li>div {
            padding: 21px .0 0 0;
        }

        li.dropdown {
            padding: 0 1.5vw 0 1.0vw;
        }

        #waldorf .picTitlelong {
            visibility: hidden;
            display: none;
        }


        #waldorf .picTitleshort {
            visibility: visible;
            display: inline-block;
        }

        .footer h6 {
            font-size: 24px;
        }

        .footer ul {
            font-size: 16px;
        }

        .btn-lg {
            font-size: 2.3vw;
        }

        .buffer {
            min-height: 30vw !important;
        }

        .quote {
            font-size: 16px;
        }

        .navbar-default {
            background-color: #fff;
            border: none;
            font-size: 11px;
            font-family: 'Open Sans', sans-serif;
            text-transform: uppercase;
            font-weight: 700;
        }

        .navbar-default .navbar-nav>li>a {
            padding: 19px 0 0 0vw;
        }

        .WaldorfThing_wide {
            display: none !important;
        }

        .talk2aLive_wide {
            display: none !important;
        }

        .talk2alive_narrow {
            display: inline-block !important;
        }

        .WaldorfThing_narrow {
            display: inline-block !important;
        }
    }



    @media screen and (max-width: 768px) {

        #heros .btn-default {
            margin: .7vw 2.5vw 0 0;
            padding: .1vw 1vw;
            font-size: 3.2vw;
        }

        #heros hr {
            margin: none;
            padding: 0;
        }

        .navbar-default .navbar-nav>li.login>a {
            color: #fff;
            background-color: #471f6e;
        }


        .sixfree .container {
            position: relative;
            left: 25vw;
            font-size: 2vw;
            padding: none;
            max-width: 40vw;
        }

        #spotlight h3 {
            font-size: 30px;
        }


        .mstext {
            padding: .2vw 0 0 10px;
            margin: 0;
        }

        .mstext h3 {
            font-family: 'playfair-display', serif;
            font-size: 2rem;
            margin: 5px 3px 8px 0;
        }

        .mstext p {
            font-family: 'open-sans', sans-serif;
            font-size: 1.2rem;
        }

        .ctaBox {
            width: 70%;
            margin-bottom: 9vw;
        }

        .cta_button {
            font-size: 5vw;
            padding: 3vw 0;
        }

        .cta_button:hover {
            font-size: 6vw;
            padding: 2.3vw 0;
        }

        .wideHeading h1 {
            font-size: 22px;
        }

        .syllabusPanel .img-responsive {
            max-width: 40%;
            margin: auto;
        }

        .syllabusPanel .testimonial .img-responsive {
            max-width: 100%;
            margin: auto;
        }

        .univBox {
            padding: 1vw;
        }

        .videoOverlay2 {
            display: none;
        }

        .buffer {
            min-height: 480px !important;
        }

        #heros .btn-default {
            margin: 1vw 3.4vw 0 1vw;
            padding: .1vw 1vw;
            font-size: 1.8vw;
        }


        .footer-logo {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }

        .responsive-header-logo {
            width: 100%;
            min-width: 250px;
            max-width: 320px;
            height: auto;
            display: block;
        }
    }




    @media screen and (min-width: 768px) {

        .vidslide video {
            display: inline;
        }

        .replaceImg {
            display: none !important;
        }

        .btnLong {
            display: inline-block !important;
        }

        .btnShort {
            display: none !important;
        }


    }

    @media screen and (max-width: 767px) {
        .vidslide img {
            display: inline-block;
            width: 100%;
        }

        .carousel-caption {
            padding: 0;
        }

        .waldorf img {
            width: 13vw;
            margin: none;
        }

        .vidslide video {
            display: none;
        }

        .content {
            display: flex;
            width: fit-content;
            padding: 10px;
        }

        .navbar-brand {
            padding: 12px 0 0 15px;
        }

        #heros .btn-default {
            margin: 1vw 4vw 0 0;
            padding: .1vw 1vw;
            font-size: 2vw;
        }

        .btnLong {
            display: none !important;
        }

        .btnShort {
            display: inline-block !important;
        }

        .waldorfFAQs {
            padding: 8vw 27vw 18vw 8vw;
        }
    }

    @media screen and (max-width: 648px) {


        .navbar-brand .logo {
            max-width: 210px;
            margin: 0;
        }

        .carousel-control.left, .carousel-control.right, .glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left, .carousel-indicators li, #heros .carousel-caption p, .mstext p {
            display: none;
        }

        .waldorf img {
            padding: 0;
        }

        #heros .carousel-caption {
            width: 53vw;
        }

        #heros .carousel-caption h3 {
            font-size: 1.9vw;
        }


        .WaldorfThing {
            width: 100%;
            margin: 30px 0px;
        }

    }

    @media screen and (min-width: 768px) {
        .navbar-default .navbar-nav>li.login>a {
            color: #fff;
            background-color: #471f6e;
        }

        .navbar-default .navbar-nav>li {
            padding: 0 1.5vw 0 1.0vw;
        }

    }

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

        .navbar-default .navbar-nav>li {
            padding: 0 .8vw 0 .7vw;
        }

        .buffer {
            min-height: 22vw !important;
        }

    }

    @media screen and (min-width: 1300px) {
        #heros .carousel-caption {
            position: fixed;
            top: .7vw;
            left: 7vw;
        }

        #heros .carousel-caption h3 {
            font-size: 1.5vw;
        }

        #heros .carousel-caption p {
            font-size: 28px;
        }

        .btn-default {
            font-size: 32px;
        }

        #news h3 {
            font-size: 35px;
        }


        .margin-responsive-bottom {
            margin-bottom: 10px;
        }


        .footer h6 {
            font-size: 29px;
        }

        .footer ul {
            font-size: 19px;
        }

        .mt_prtnrs {
            font-size: 55px;
            padding: 20px;
        }

        .sideOffer {
            padding: 30px;
            margin-top: 20px
        }
    }

    ::selection {
        background-color: #b79257;
        color: white;
        mix-blend-mode: multiply;
    }

    /* ===============  END of  media queries ==================== */

    /* Remove aHref & IMG URLs from displaying in Print */

    @media only print {
        a[href]:after {
            content: none;
        }

        body * {
            color: black !important;
            margin: 0;
            padding: 0;
        }


        .footer {
            margin-top: 50px;
        }
    }