@charset "utf-8";
@media only screen and (max-width: 991px) and (min-width: 769px) 
{
.navbar-default .navbar-nav>li>a {font-size: 18px;}
.navbar-default .navbar-brand span {    font-size: 20px;}
.navbar-default .navbar-brand span+span {    font-size: 16px;}

}
@media only screen and (max-width: 768px) and (min-width: 300px) 
{
.navbar-default .navbar-toggle { border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {    background-color: #fff;}
.navbar-default .navbar-toggle{margin-top:35px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {    margin-top: 31px;}
ul.nav.navbar-nav.navbar-right { padding: 10px 0px; margin:0px}
.masthead h2 { font-size: 32px;    margin-bottom: 0px; margin-top:10px;}
.masthead h3 { font-size: 18px; margin-top:5px; margin-bottom:5px;}
.univ-name {    font-size: 20px;    margin-bottom: 10px;}
.responsiverow {
    margin-right: 15px;
    margin-left: 15px;
}
}
@media only screen and (max-width: 558px) and (min-width: 400px) 
{
.navbar-default .navbar-brand{width:80%; padding-left:15px;}
.masthead h2 { font-size: 32px;    margin-bottom: 0px; margin-top:10px;}
.masthead h3 { font-size: 18px; margin-top:5px; margin-bottom:5px;}
.univ-name {    font-size: 20px;    margin-bottom: 10px;}
.navbar-default .navbar-brand span { display:block;    font-size: 20px; padding-top:5px;}
.navbar-default .navbar-brand span+span {    font-size: 16px;  padding-top:5px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #890845;}
.footer { padding-top: 1rem;  padding-bottom: 1rem;}
}
@media only screen and (max-width: 399px) and (min-width: 240px) 
{
.masthead h2 { font-size: 32px;    margin-bottom: 0px; margin-top:10px;}
.masthead h3 { font-size: 18px; margin-top:5px; margin-bottom:5px;}
.univ-name {    font-size: 20px;    margin-bottom: 10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent;}
.navbar-default .navbar-brand{width:78%; padding-left:12px;}

.navbar-default .navbar-brand span { display:block; font-size: 20px; padding-top:5px;}
.navbar-default .navbar-brand span+span { font-size: 30px; padding-top:10px;}
ul.nav.navbar-nav.navbar-right { padding: 35px 0px;}
.navbar-default .navbar-toggle { border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {    background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #029898;}
.footer { padding-top: 1rem;  padding-bottom: 1rem;}
}
@media only screen and (max-width: 560px) and (min-width: 100px) 
{
.responsiverow {
    margin-right: 15px;
    margin-left: 15px;
}
.navbar-default .navbar-nav>li>a:before {
    position: absolute;
    top: 0px;}
.info-icon li {
    width: 100%;
}
.ih-item.square.effect6 .info h3, .ih-item.square.effect6 .info p{font-size16px;}
}