/*  Extra-Large Desktop */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1598px) {
	.news .height { min-height: 410px; }
}


/*  Large Desktop */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1398px) {
	.h1, h1 { font-size: 1.5rem; }
	.h2, h2 { font-size: 1.5rem; }
	.h3, h3 { font-size: 1.2rem; }
	.h4, h4 { font-size: 1.1rem; }
	.h5, h5 { font-size: 1rem; }
	.news .height { min-height: 400px; }
	.carousel-caption h2 { font-size: 2.75rem; }
	.carousel-caption p { font-size: 1.8rem; line-height: 1.3; }
} 


/*  Medium Desktop */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1198px) {
	.quicklinks p { font-size: 1rem; }
	.navbar-expand-lg .navbar-nav .nav-link { font-size: .8rem; }
	.news .height { min-height: 300px !important; }
	.upcoming-dates p { font-size: .9rem; margin-left: 20px; }
	.carousel-caption h2 { font-size: 2.5rem; }
	.carousel-caption p { font-size: 1.6rem; line-height: 1.3; }
} 


/*  Small Desktop */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 998px) {
	.navbar-nav { margin-bottom: 15px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding-left: 1rem; }
	.navbar-collapse { position: absolute; z-index: 999; background: #00396B; width: 100%; margin-left: -15px; padding-top: 8px; }
	.large, large { font-size: 110%; }
	.navbar-nav { margin-bottom: 15px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding-left: 1rem; }
	.main.container-fluid { margin-top: 15px; }
	.container-fluid { padding: 0 7.5px 0 7.5px; }
	[class*='col-'] { margin-bottom: 15px; padding-right: 7.5px; padding-left: 7.5px; }
	.news .nhrm-t { margin-top: 7.5px; }
	.news .nhrm-b { margin-bottom: 7.5px; }
	.info .row.news { margin-right: -7.5px; margin-left: -7.5px; }
	.upcoming-dates p { margin-left: 0; }
	.row.alumni { margin-right: -7.5px; margin-left: -7.5px; }
	.announcement .section .fa-info-circle, .emergency .section .fa-info-circle { font-size: 60px; margin-top: 0; padding-right: 10px; }
	.choose-us .caption { font-size: .8rem; padding: 7.5px 10px; }
}


/*  TABLET */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
	p { font-size: .9rem; }
	p.lead { font-size: .9rem; }
	l, ol, ul { font-size: .9rem; }
	.navbar p { width: 100%; }
	.navbar .col-2, .navbar .col-10 { padding-right: 15px; padding-left: 15px; }
	.large, large { font-size: 102%; }
	.news .height { min-height: 250px !important; }
	.twitter-x { width: 13px; }
	.sidebar .news.heading { padding: 0; }
	.row.alumni { margin-right: -7.5px; margin-left: -7.5px; }
	.upcoming-dates p { margin-left: 20px; }
	.carousel-caption h2 { font-size: 2.4rem; }
	.carousel-caption p { font-size: 1.5rem; line-height: 1.3; }
	.carousel-caption p a img { display: none; }
	.container-fluid.info  { background-size: 80%; background-position: right -50px bottom -50px; }
	#news-listing .news .lrg-news-item .news-image { height: 300px; }
	#news-listing .news .news-image { height: 150px; }
	#search input[type="search"] { font-size: 1.2em; }
	#search .btn { margin-top: 20px; }
	.searchfield { width: 95%; }
	.alumni-image { height: 500px; }
	.announcement .section .fa-info-circle, .emergency .section .fa-info-circle { font-size: 65px; margin-top: 0; padding-right: 10px; }
	.announcement .section span p, .emergency .section span p { font-size: 12px; }
	.choose-us h1 { font-size: 2.5em; }
}


/*  TABLET LANDSCAPE */
/* -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) and (orientation:landscape) {
	.news .height { min-height: 300px; }
	.upcoming-dates p { margin-left: 0; }
}


/*  MOBILE */
@media only screen and (max-width: 480px) {
	.h1, h1 { font-size: 1.3rem; }
	.h2, h2 { font-size: 1.3rem; }
	.h3, h3 { font-size: 1rem; }
	.h4, h4 { font-size: 1rem; }
	.h5, h5 { font-size: 1rem; }
	.btn { font-size: .7rem; }
	.section { padding-top: 30px; padding-bottom: 30px; }
	.searchfield { width: 90%; }
	.announcement .section, .emergency .section { padding-top: 30px; padding-bottom: 0; }
	.news .height { min-height: 175px !important; }
	.quicklinks { height: auto !important; }
	.quicklinks p { font-size: .8rem; }
	.upcoming-dates { height: auto !important; }
	.upcoming-dates p { margin-left: 0; }
	.carousel-caption h2 { font-size: 1.8rem; }
	.carousel-caption p { font-size: 1.2rem; line-height: 1.3; }
	.info-box .equal-height { height: 200px !important; }
	.info .news .news-image { height: 150px; }
	.news h2 { font-size: 1.3rem; }
	.news h3 { font-size: 1rem; }
	#news-listing .news .lrg-news-item .news-image { height: 220px; }
	#news-listing .news .news-image { height: 120px; }
	.alumni-image { height: 300px; }
	.announcement .section .fa-info-circle, .emergency .section .fa-info-circle { font-size: 40px; margin-top: 0; padding-right: 10px; }
	.choose-us h1 { font-size: 1.5em; line-height: 1.2; }
}


/*  MOBILE LANDSCAPE */
/* -------------------------------------------------------------------------------------- */
@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {
	.news .height { min-height: 250px; }
	.upcoming-dates p { margin-left: 0; }
}