
@media only screen and (max-width: 1080px) {
    header {
        display:none;
    }
    
    
    header .ija-logo { display:none; } 
    
.sticky-header {
    box-sizing:border-box;
    background-color: #011751;
    color: white;
    padding:0 0 0 2vw;
    width:100%;
    height:20rem;
    position:fixed;
    font-size:1.6rem;
    box-sizing:border-box;
    top:0;
    left:0;
    z-index:100;
    opacity:1;
    transition:background 1s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.sticky-header .ija-logo {
    width:11.4rem;
    height:16rem;
    margin:1rem 2.5rem 0 0;
}

.sticky-header .ija-wordmark {
    display:inline-block;
    vertical-align:top;
    margin-top:7rem;
    color:white;
}
.sticky-header .ija-wordmark span {
    display:inline-block;
    font-family:"Colus";
    font-size:4.48rem;
}

.sticky-header .ija-wordmark span::first-letter {
   font-size:5.4rem;
}

.burger-btn {
    display:block;
    border-radius:50%;
    font-family:Social;
    font-size:12rem;
    color:black;
    background-color:#bbb;
    float:right;
    margin-top:5rem;
    margin-right:2vw;
    z-index:90;
    cursor:pointer;
    width:11.6rem;
    height:11.1rem;
    font-display:block;
    position:relative;
    left:0;top:0;
}   


.burger-btn::before {
    content:"";
    width:0%;
    height:0%;
    position:absolute;
    left:50%;
    top:50%;
    background-color:#fff;
    transition: all .5s;
    z-index:-1;
    border-radius:50%;
}

.burger-btn:hover:before {
    width:100%;
    height:100%;
    left:0%;
    top:0%;
}

.xburger-btn:hover { color:white;}



.apply-now-btn {
    display:block;
    float:right;
    font-family:"Open Sans", sans-serif;
    font-weight:600;
    font-size:4rem;
    color:white;
    background-color:#5e85fa;
    padding:1.5rem 3rem 1.5rem 3rem;
    margin:6rem 10rem 0 0;
    text-transform:uppercase;
    cursor:pointer;
    position:relative;
    left:0;top:0;
    z-index:90;
}

.xapply-now-btn:hover {
    background-color:white;
}
   
nav { display:none; }    
    
    
    
    
footer {
    box-sizing:border-box;
    display:block;
    padding:3rem 0vw 3rem 2vw;
    background-color:#011751;
    width:100%;
    height:56rem;
    margin:0;
    float:left;
    vertical-align:top;
}


footer #left-panel {
    width:60rem;
    border-right:2px solid white;
    height:100%;
    display:inline-block;
    float:left;
    position:relative;
}
footer  .socmed-links-box {
    width:100%;
    margin-top:2rem;
    margin-left:2rem;
    position:relative;
}
footer .socmed-link {
    width:8rem;
    height:8rem;
    background-size:cover;
    float:left;
    margin-right:1.2rem;
    cursor:pointer;
}

footer .socmed-links-box a {
   position:relative;
   font-family:"Social";
   font-size:7rem;
   color:white;
   border:.1rem solid #5e85fa;
   width:18rem;
   height:3.8rem;
   border-radius:50%;
   text-decoration:none;
   margin-right:1rem;
   transition:color .5s;
   z-index:10;
}

footer .socmed-links-box a::before {
    content:"";
    width:0%;
    height:0%;
    position:absolute;
    left:50%;
    top:50%;
    background-color:white;
    transition: all .5s;
    z-index:-1;
    border-radius:50%;
}

footer .socmed-links-box a:hover:before {
    width:100%;
    height:100%;
    left:0%;
    top:0%;
}

footer .socmed-links-box a:hover {
    color:black;
    border:.1rem solid white;
}


footer #socmed-fb { background-image:url(img/socmed-fb.png); }
footer #socmed-ig { background-image:url(img/socmed-ig.png); }
footer #socmed-x { background-image:url(img/socmed-x.png); }
footer #socmed-yt { background-image:url(img/socmed-yt.png); width:5.2rem;}
footer #socmed-ln { background-image:url(img/socmed-ln.png); }


footer #left-panel p {
    color:white;
    clear:both;
    text-align:left;
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    font-size:2.8rem;
    padding-left:2rem;
}

footer #left-panel p b{
    color:white;
    clear:both;
    text-align:left;
    font-family:"Social";
    font-weight:bold;
    font-size:4.4rem;
    margin-top:1rem;
}


footer #left-panel .main-phone {
    margin-top:2rem;
}

footer #left-panel .main-copyright {
    margin-top:2rem;
    font-weight:300;
    font-size:2rem;
}


footer #bottom-nav {
    box-sizing:border-box;
    width:33rem;
    height:34rem;
    display:inline-block;
    float:left;
    margin-top:5rem;
    padding-left:4rem;
}


footer > #bottom-nav ~ #bottom-nav {
    padding-left:0;
}

footer #bottom-nav a {
   display:inline-block;
   font-family:"Open Sans",sans-serif;
   font-weight:bold;
   font-size:2.4rem;
   text-decoration:none;
   color:white;
   clear:left;
   margin-bottom:2rem;
   position:relative;
   float:left;
}


footer #campuses {
    box-sizing:border-box;
    padding-left:5rem;
    padding-top:3rem;
    width:51rem;
    border-left:2px solid white;
    height:100%;
    display:inline-block;
    float:left;
}


footer #campuses p {
   font-family:"Open Sans",sans-serif;
   font-weight:bold;
   font-size:2.4rem;
   color:white;
    width:100%;
    margin:.1rem 0 .1rem 0;
}

footer #campuses span {
   font-family:"Open Sans",sans-serif;
   font-weight:bold;
   font-size:2.4rem;
   text-decoration:none;
   color:#5276e4;
   width:100%;
   margin-top:5rem;    
}

footer .ija-logo {
    width:8.55rem;
    height:12rem;
    margin:1rem 2.5rem 0 0;
}

footer .ija-wordmark {
    display:inline-block;
    vertical-align:top;
    margin-top:4.8rem;
    color:white;
}
footer .ija-wordmark span {
    display:inline-block;
    font-family:"Colus";
    font-size:3.36rem;
}

footer .ija-wordmark span::first-letter {
   font-size:4.05rem;
}


.flyout-menu {
    box-sizing:border-box;
    width:100%;
    height:100%;
    background-color:#142d51;
    padding:5rem 5rem 5rem 5rem;
    position:fixed;
    top:20rem;
    left:100%;
    transition:left .5s;
    z-index:30;
}


.fly-open {
    left:0;
}

.flyout-menu .search-box {
    width:100%;
    height:auto;
}

.flyout-menu .search-box input{
    box-sizing:border-box;
    font-family:"Open Sans", sans-serif;
    fonr-weight:bold;
    font-size:4rem;
    text-transform:uppercase;
    color:white;
    border:0;
    background-color:#00183a;
    width:100%;
    padding:2rem 3rem 2rem 3rem;
}
    
.flyout-menu .section {
    box-sizing:border-box;
    width:100%;
    height:auto;
    padding:5rem 0 0 0;
}    

.flyout-menu .master-pages {    
   width:45%;
   height:auto;
   margin-top:10rem;
   display:inline-block;
   float:left;
}

.flyout-menu .master-pages a {
    display:inline-block;
    font-family:"DM Serif Display",serif;
    font-weight:400;
    font-size:8rem;
    color:#aaa;
    text-decoration:none;
    margin:0rem 0 10rem 5rem;
    transition:color .5s;
}


.flyout-menu .master-pages a:hover, .flyout-menu .detail-pages a:hover{
  color:white;
    
}
 
 .flyout-menu .detail-pages {
    display:inline-block; 
    width:45%;
    height:auto;
    float:left;
    margin-top:15rem;
    border-left:.1rem solid white;
    transition:all .5s;
    overflow:hidden;
}

.flyout-menu .master-page-active {
    color:blue;
}

.detail-pages div {
    display:block;
    width:100%;
    height:0;
    overflow:hidden;
}

.flyout-menu .detail-page-active {
    height:100%;
}


.flyout-menu .detail-pages a {
    display:block;
    font-family:"Open Sans",sans-serif;
    font-weight:600;
    font-size:6rem;
    color:#aaa;
    width:100%;
    text-decoration:none;
    margin:0 0 5rem 5rem;
    transition:color .5s;
}
    
    
} /* media query mobile */