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

.ss-hero {
    box-sizing:border-box;
    display:block;
    padding:0;
    background-color:white;
    height:100rem;
}


.carousel {
    position:relative;
    top:0rem;
    left:0rem;
    width:100%;
    background-color: #ddd;
    background-image:url(../img/main-campus-quad.jpg);
    background-size:cover;
    height:100rem;
}


.cta-dark {
    box-sizing:border-box;
    position:absolute;
    top:45.5rem;
    left:2vw;
    z-index:10;
    width:84rem;
    height:auto;
   padding:0 3.5rem 4rem 3.5rem;
   color:white;
}

.cta-dark .bg {
    position:absolute;
    background-color:#011751;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0.7;
}

.cta-dark h2 {
    position:relative;
    font-family:"DM Serif Display", serif;
    font-weight:300;
    font-size:5.2rem;
    color:white;
    z-index:10;
}
.cta-dark h4 {
    position:relative;
    margin-top:-2rem;
    font-family:"Raleway", sans-serif;
    font-weight:400;
    font-size:3.2rem;
    color:white;
    z-index:12;
}

.cta-dark .cta-btn {
   display:inline-block;
   position:relative;
   background-color:#5e85fa;
   color:white;
   font-family:"Raleway", sans-serif;
   font-size:5rem;
   padding:1.5rem 3rem 1.5rem 3rem;
   z-index:1000;
   cursor:pointer;
}


.ss-feature {
    box-sizing:border-box;
    display:block;
    padding-top:5rem;
    background-color:white;
    height:120rem;
    margin:0;
}

.ss-feature h2 {
    font-family:"DM Serif Display", serif;
    font-weight:600;
    font-size:6rem;
    color:#011751;
    text-align:center;
    vertical-align:top;
    text-transform:uppercase;
    font-stretch:semi-condensed;
}

.ss-feature h2 span{
    color:#999;
}

.ss-feature h4 {
    font-family:"Open Sans", sans-serif;
    font-weight:600;
    font-size:5rem;
    color:#011751;
    text-align:center;
    width:90vw;
    margin:auto;
}


.ss-feature h1 {
    font-family:"DM Serif Display", serif;
    font-size:5rem;
    color:#011751;
    color:white;
    margin-bottom:0;
}


.ss-feature h3 {
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    font-size:3rem;
    color:white;
    margin-bottom:2rem;
}

.ss-feature h5 {
    font-family:"Open Sans", sans-serif;
    font-weight:600;
    font-size:3rem;
    color:white;
}



.ss-feature .top-dots {
    position:absolute;
    top:143.5rem;
    left:104rem;
    width:53rem;
    height:6rem;
    background:url(../img/blue-dot.png);
    z-index:10;
}

.ss-feature .photo {
    position:absolute;
    top:155rem;
    left:10rem;
    width:88rem;
    height:50.3rem;
    background:url(../thm/news-lighthouse-award.jpg);
    background-size:100%;
    background-size:cover;
    z-index:29;
}


.ss-feature .text-card {
    box-sizing:border-box;
    position:absolute;
    top:149rem;
    right:5rem;
    width:88rem;
    height:48rem;
    background-color:#011751;
    padding:2rem 4rem 2rem 12rem;
    z-index:20;
}

.ss-feature .bot-dots {
    position:absolute;
    top:196rem;
    left:102rem;
    width:8rem;
    height:7rem;
    background:url(../img/blue-dot.png);
    z-index:10;
}

.ss-admissions {
    box-sizing:border-box;
    display:block;
    padding:0 0 5rem 9.8vw;
    background-color:#011751;
    width:100%;
    height:70rem;
    margin:0;
}


.ss-admissions .text-card {
    width:80rem;
    position:absolute;
    top:220rem;
    left:3vw;
}

.ss-admissions h2 {
    font-family:"Raleway", sans-serif;
    font-weight:600;
    font-size:5rem;
    color:#5f85fb;
    text-transform:uppercase;
    width:100%;
    margin-top:10rem;
}

.ss-admissions h4 {
    font-family:"Open Sans", sans-serif;
    font-size:4rem;
    color:white;
    width:100%;
    margin-bottom:6rem;
}

.ss-admissions span {
    font-weight:bold;
}


.ss-admissions .admissions-btn {
   box-sizing:border-box;
   display:inline-block;
   position:relative;
   background-color:#5e85fa;
   color:white;
   min-width:36rem;
   height:7.8rem;
   font-family:"Raleway", sans-serif;
   font-size:4rem;
   padding:1.5rem 3rem 1.5rem 3rem;
   z-index:1;
   cursor:pointer;
   text-align:center;
}

.ss-admissions .contact-btn {
    background:none;
    border:.3rem solid #5e85fa;
    color:#5e85fa;
    margin-left:2rem;
    
}


.ss-admissions .photo{
    position:absolute;
    top:220rem;
    right:0;
    width:90rem;
    height:70rem;
    background-color:black;
    background:url(../img/hp-admissions-photo.jpg);
    background-size:cover;
}

.ss-stories{
    box-sizing:border-box;
    display:block;
    padding:0 0 5rem 1vw;
    background-color:white;
    width:100%;
    height:75rem;
    margin:0;
    float:left;
}

.ss-stories .cta-box {
    display:block;
    text-align:center;
    width:100%;
    height:6rem;
    margin:10rem 0 10rem 0;
}


.ss-stories .stories-btn {
   box-sizing:border-box;
   display:inline-block;
   position:relative;
   background-color:#2569f8;
   color:white;
   width:48rem;
   height:7.8rem;
   font-family:"Raleway", sans-serif;
   font-size:4rem;
   font-weight:bold;
   padding:1.5rem 3rem 1.5rem 3rem;
   z-index:1;
   cursor:pointer;
   text-align:center;
}

.ss-stories .events-btn {
    background:none;
    margin-left:1rem;
    color:#2569f8;
    border:.3rem solid #2569f8;
}


.ss-stories .story-deck {
    display:block;
    width:100%;
    text-align:center;
}

.ss-stories .story-card {
    width:30vw;
    height:21.4vw;
    display:inline-block;
    overflow:hidden;
    text-align:center;
    margin-right:2rem;
    position:relative;
}

.ss-stories .story-card-3 { margin-right:0;}

.ss-stories .story-card .photo {
    width:100%;
    height:21.4vw;
    background-color:grey;
    background-size:cover;
}

.ss-stories .story-card .caption {
    box-sizing:border-box;
    font-family:"Raleway", sans-serif;
    font-weight:600;
    font-size:2.6rem;
    color:white;
    margin-top:1rem;
    text-align:center;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color: rgba(35, 35, 35, 0.5);
    padding:.5rem;
}


.ss-admissions .contact-btn:hover {
    border:.3rem solid white;
}

.ss-stories .stories-btn:hover:before {
    background-color:#011751;
}

.ss-stories .events-btn:hover:before {
    background-color:#011751;
}

.ss-stories .stories-btn:hover {
    color:white;
}

.ss-stories .events-btn:hover {
    border:.3rem solid #011751;
    color:white;
}

.info-links a {
    position:relative;
}


} /* Media Query */