/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */
/* ------------------------------ 
	2500px EXTRA LARGE
------------------------------ */
@media (min-width: 2500px) {}




/* ------------------------------ 
	1600px EXTRA LARGE
------------------------------ */
@media (min-width: 1600px) {}




/* ------------------------------ 
	1200px LARGE
------------------------------ */
@media (min-width: 1200px) {}




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {}




/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {}




/* ------------------------------ 
	640px SMALL
------------------------------ */
@media (min-width: 640px) {}




/* ------------------------------ 
	576px SMALL
------------------------------ */
@media (min-width: 576px) {}




/* ------------------------------ 
	541px SMALL
------------------------------ */
@media (min-width: 541px) {}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	2001px - 2200px LARGE
------------------------------ */
@media (min-width: 2001px) and (max-width: 2200px) {}




/* ------------------------------ 
	1601px - 2000px LARGE
------------------------------ */
@media (min-width: 1601px) and (max-width: 2000px) {}




/* ------------------------------ 
	1401px - 1600px LARGE
------------------------------ */
@media (min-width: 1401px) and (max-width: 1600px) {}




/* ------------------------------ 
	1200px - 1400px LARGE
------------------------------ */
@media (min-width: 1200px) and (max-width: 1400px) {}




/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {}




/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {}




/* ------------------------------ 
	414px - 767px SMALL iPhone 6/7/8 Plus
------------------------------ */
@media (min-width: 414px) and (max-width: 767px) {}




/* ------------------------------ 
	375px - 413px X-SMALL iPhone 6/7/8
------------------------------ */
@media (min-width: 375px) and (max-width: 413px) {}




/* ------------------------------ 
	321px - 374px XX-SMALL iPhone 5
------------------------------ */
@media (min-width: 321px) and (max-width: 374px) {}




/* ===================================================
		MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1599px EXTRA LARGE
------------------------------ */
@media (max-width: 1599px) {}




/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {}




/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {
	.hro-logo {
		position: relative;
		top: auto;
		left: auto;
		max-width: 70px;
		width: 100%;
	}
}




/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {
	h1, .h1 {
		font-size: 60px;
		line-height: 55px;
	}
	
	h2, .h2 {
		font-size: 40px;
		line-height: 40px;
	}
	
	h3, .h3 {
		font-size: 30px;
		line-height: 30px;
	}
}




/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {}




/* ------------------------------ 
	550px - CUSTOM SIZE
------------------------------ */
@media (max-width: 550px) {}




/* ------------------------------ 
	540px - CUSTOM SIZE
------------------------------ */
@media (max-width: 540px) {}




/* ------------------------------ 
	479px - CUSTOM SIZE
------------------------------ */
@media (max-width: 479px) {}




/* ------------------------------ 
	379px - CUSTOM SIZE
------------------------------ */
@media (max-width: 379px) {}




/* ------------------------------ 
	320px - CUSTOM SIZE - iPhone 5 & under
------------------------------ */
@media (max-width: 320px) {}