@media (max-width: 767px) {

	/**************************************************
		GLOBAL
	**************************************************/
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	.resources-mobile {
		display: block;
	}

	.resources-desktop {
		display: none;
	}
	
	div.title-citrus-insider,
	h1.title-citrus-insider {
		font-size: 40px;
		line-height: 46px;
	}
	
	div.title-citrus-insider span,
	h1.title-citrus-insider span {
		font-size: 40px;
		line-height: 46px;
	}

	#sticky {
		display: none;
	}

	h1.green {
		font-size: 26px;
	}
	div.resources-links {
		width: 100%;
	}

	.homepage-content-maps {
		border-right: 0px solid #ffffff;
	}

	.homepage-content-signup {
		border-left: 0px solid #ffffff;
		border-right: 0px solid #ffffff;
	}

	.homepage-content-events {
		border-left: 0px solid #ffffff;
	}

	.homepage-intro p.we-can-protect {
		font-size: 28px;
		line-height: 34px;
	}

	span.map-enlarge {
		display: block;
	}

	.maps-ctas-content button.orange.second-row,
	.maps-ctas-content button.orange {
		min-height: 105px;
		max-width: 300px;
		min-width: 275px;
	}
	
	span.button-orange {
		max-width: 300px;
		min-width: 275px;
	}

	p.footer-copyright {
		font-size: 10px;
		line-height: 14px;
	}

	.footer-copyright {
		padding: 10px 0px 10px;
	}

	.footer-footnote {
		font-size: 10px;
		line-height: 14px;
		padding: 0px 20px;
	}
	
	.annual-report-2018-hero h1 {
		font-size: 120px;
		line-height: 130px;
	}
	
	.mobile-top-30 {
		margin-top: 30px;
	}

	.bg-facts {
		background: none;
	}

	.annual-report-2020-stats h2 {
		margin-top: 0px;
	}
	
	.single-post .media-body {
		padding: 15px 15px 15px;
	}
	.single-post .media-body-blog {
		padding: 0px 15px 0px;
	}
	.single-post .author-box {
		margin-bottom: 45px;
	}

}

@media (min-width: 767px) and (max-width: 992px) {
	.maps-ctas-content button.orange.second-row,
	.maps-ctas-content button.orange {
		min-height: 180px;
		max-width: 150px;
		min-width: 150px;
	}
	
	span.button-orange {
		max-width: 150px;
		min-width: 150px;
	}

	.mobile-top-30 {
		margin-top: 30px;
	}
	.bg-facts {
		background-image: url(../images/annual-report/2020/bg-facts.svg);
		background-size: cover; 
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	
}

@media (max-width: 992px) {
	#sticky {
		display: none;
	}

	span.map-enlarge {
		display: none;
	}

}


@media (max-width: 1050px) {
	.menu-label {
		display: none;
	}
	.mobile-top-30 {
		margin-top: 30px;
	}
}

@media (max-width: 1197px) {
	.bg-facts {
		/*background: none;*/
	}
}


@media (min-width: 768px) {

	/**************************************************
		GLOBAL
	**************************************************/
	.mobile {
		display: none;
	}
	
	div.title-citrus-insider,
	h1.title-citrus-insider {
		font-size: 60px;
		line-height: 66px;
	}
	
	div.title-citrus-insider span,
	h1.title-citrus-insider span {
		font-size: 60px;
		line-height: 66px;
	}

	p.footer-copyright {
		font-size: 16px;
		line-height: 24px;
	}

	.footer-copyright {
		padding: 20px 0px 40px;
	}

	.footer-footnote {
		font-size: 11px;
		line-height: 15px;
		padding: 0px 30px;
	}
	
	.annual-report-2018-hero h1 {
		font-size: 150px;
		line-height: 160px;
	}
	
	.single-post .media-body {
		flex: 1;
		padding: 20px 45px 15px 15px;
	}
	.single-post .media-body-blog {
		flex: 1;
		padding: 0px 15px 5px 15px;
	}
	.single-post .author-box {
		margin-bottom: 15px;
	}

}

@media (min-width: 992px) {
	
	div.title-citrus-insider,
	h1.title-citrus-insider {
		font-size: 100px;
		line-height: 106px;
	}
	
	div.title-citrus-insider span,
	h1.title-citrus-insider span {
		font-size: 100px;
		line-height: 106px;
	}
	h1.green {
		font-size: 40px;
	}
	div.resources-links {
		width: 225px;
	}
	.homepage-content-maps {
		border-right: 5px solid #ffffff;
	}
	.homepage-content-signup {
		border-left: 5px solid #ffffff;
		border-right: 5px solid #ffffff;
	}
	.homepage-content-events {
		border-left: 5px solid #ffffff;
	}
	.homepage-intro p.we-can-protect {
		font-size: 32px;
		line-height: 38px;
	}
	#sticky {
		display: block;
	}
	.maps-ctas-content button.orange.second-row,
	.maps-ctas-content button.orange {
			min-height: 105px;
			max-width: 200px;
	}
	span.button-orange {
			max-width: 200px;
	}
	.bg-facts {
		background-image: url(../images/annual-report/2020/bg-facts.svg);
		background-size: cover; 
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100%;
		min-height: 225px;
		padding-top: 45px;
	}

}


@media (max-width: 1200px) {

	/**************************************************
		GLOBAL
	**************************************************/
	.resources-mobile {
		display: block;
	}

	.resources-desktop {
		display: none;
	}

}

@media only screen and (min-width: 1200px) {

	/**************************************************
		GLOBAL
	**************************************************/

	.desktop {
		display: block;
	}

	.mobile {
		display: none;
	}

	.resources-mobile {
		display: none;
	}

	.resources-desktop {
		display: block;
	}
	
	div.title-citrus-insider,
	h1.title-citrus-insider {
		font-size: 100px;
		line-height: 106px;
	}
	
	div.title-citrus-insider span,
	h1.title-citrus-insider span {
		font-size: 100px;
		line-height: 106px;
	}

	#sticky {
		display: block;
	}

	.maps-ctas-content button.orange.second-row,
	.maps-ctas-content button.orange {
	    /* min-height: 80px; */
			min-height: 65px;
	    /* max-width: 325px; */
			max-width: 245px;
	}
	
	span.button-orange {
		max-width: 245px;
	}

	.annual-report-2020-stats h2 {
		margin-top: 30px;
	}
	.bg-facts {
		min-height: 225px;
		padding-top: 30px;
	}

}

/**************************************************
	IE10 & IE11
**************************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .svg-IE {
			height: 325px;
		}
		.svg-IE-modal {
			height: 500px;
		}
}

/**************************************************
	RETINA DISPLAY IMAGES
**************************************************/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) and (max-width: 767px) {}