@media (min-width:1200px) {.hidden-lg {display: none !important}}
@media (max-width:1199px) and (min-width:992px) {.hidden-md {display: none !important}}
@media screen and (max-width:1199px) {
#logo_icon_hr {top: 50px}
footer.footer-desktop .footer-icon-links {margin-top: 30px}
@-webkit-keyframes Orange-egg-animated {
from {opacity: 0;-webkit-transform: translate(20px, 120px);transform: translate(20px, 120px)}
10% {opacity: 1;-webkit-transform: translate(-40px, 30px);transform: translate(-40px, 30px)}
80% {opacity: 1}
85% {opacity: 0}
100% {opacity: 0;-webkit-transform: translate(-40px, 30px);transform: translate(-40px, 30px)}
}
@keyframes Orange-egg-animated {
from {opacity: 0;-webkit-transform: translate(20px, 120px);transform: translate(20px, 120px)}
10% {opacity: 1;-webkit-transform: translate(-40px, 30px);transform: translate(-40px, 30px)}
80% {opacity: 1}
85% {opacity: 0}
100% {opacity: 0;-webkit-transform: translate(-40px, 30px);transform: translate(-40px, 30px)}
}
}
@media screen and (min-width:992px) {header.masthead {padding-top: 6rem;padding-bottom: 4rem}}
@media screen and (max-width:991px) {
.scrollup {right: 20px;bottom: 90px}
#rights {padding-bottom: 85px;box-shadow: none}
.hidden-sm,.hidden-xs {display: none}
.navbar-collapse {text-align: center}
h2.display-4 {font-size: 3rem;margin-bottom:.5em;}
.stu-block-3 {margin-bottom: 50px}

}
@media screen and (max-width:767px) {
body {font-size: 16px;}
img#border3, img#border4 {margin-bottom: 70px}
}
@media screen and (max-width:767px) and (orientation:landscape) {
.moda:l:before {height: 100%}
.modal-dialog {width: 90%;margin: 0}
}
@media screen and (max-width:480px) {
.scrollup {right: 15px}
.modal::before {height: 50%}
.modal-dialog {width: 100%;margin: 0}
}
@media screen and (max-width:375px) {
.scrollup {right: 15px}
.modal::before {height: 50%}
.modal-dialog {width: 100%;margin: 0}
}