/***DESIGN CHANGES***/
#announEmergencyShellOuter,
#announEmergencyShell, #announEmergency{background:#a30101!important;}

#topNav.singleDrop ul .last-desktop .dropDown{right:0; left:auto; -webkit-transform: none; -ms-transform: none; transform:none;}


#social #fbFeed ul li .fbDetails, #social #twitterFeed ul li .twDetails{color:rgb(163,1,1);}
#eventList li h3{border-bottom:4px solid rgb(163,1,1); color:rgb(163,1,1);}

#social #fbFeed ul li .fbDetails, #social #twitterFeed ul li .twDetails{background:#f0f0f0;}
#eventList li h3{background:#c9c9c9;}

#welcome .left:before{background: url(custom/images/homepage/asset_icon_bg.png) left bottom no-repeat; background-size: 100% auto;}

#footerTop{background-color:rgb(32,32,32);}
#footerLinks ul li a{background:rgb(163,1,1);}
#footerLinks ul li a:hover,
#footerLinks ul li a:focus,
#footerLinks ul li a:active{background:rgb(166,166,166);}

#schoolInfo .address ul li span{color:rgb(255,255,255);}

#banner{background:rgb(32,32,32);}
.creditRow{background:rgb(0,0,0);}

#logo{width:18%;margin-right:2%;}
#schoolName{top:50%; left:22%;}
#schoolName a{font-size:1.75em;}
#schoolName span{ font-size:0.6em;}

/***ACCESSIBILITY CHANGES***/

@media only screen and (max-width: 980px){
    #schoolName{left:15%;}
    #logo{width:11%;}
}
@media only screen and (max-width: 800px){
    #schoolName{left:20%;}
    #logo{width:14%;}
}
@media only screen and (max-width: 580px){
    #schoolName{left:auto;}
    #logo{width:20%; margin:0 auto;}
}