@media screen and (min-width: 1500px) {}

@media screen and (max-width: 1300px) {}

@media screen and (max-width: 1281px) {}

@media screen and (max-width: 1184px) {}

@media screen and (max-width: 1050px) {
	.inner {
		width: 85%;
	}

	#maincontent #logos img {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 819px) {

	.page-id-63 .flip-topics {
		display: flex;
		flex-direction: column-reverse;
	}

	.page-id-63 #maincontent .fivefour .contentleft,
	#maincontent .fivefour .contentright,
	.topicleft,
	.topicright {
		width: 100%;
		margin: 0 0 30px 0;
	}

	#maincontent #logos img {
		width: 25%;
		height: auto;
		margin-bottom: 10px;
		margin-right: 0;
	}

	#maincontent #logos {
		margin-bottom: 20px;
	}

	#headercontent h1 {
		font-size: 38px;
		line-height: 45px;
	}

	#maincontent h2 {
		font-size: 30px;
		line-height: 40px;
	}

	#policyleg p,
	p#infographicbody {
		font-size: 20px;
		line-height: 25px;
		width: 100%;
	}

	#policyleg p#policybtn {
		margin-bottom: 0;
	}

	#prefooter .threecol {
		width: 100%;
		margin-bottom: 20px;
	}

	#prefooter .threecol .topcol {
		min-height: 0;
	}

	#prefooter .colbtn a {
		width: auto;
		text-align: center;
		padding: 10px 40px;
	}

	.page-id-63 .topic .colbtn a {
		width: auto;
		text-align: center;
		padding: 10px 40px;
		width: 90%;
		max-width: 300px;
	}


	p#policybtn a {
		width: auto;
		text-align: center;
		padding: 10px 40px;
	}

	.topic {
		margin-bottom: 0;
	}

	#callouts img {
		width: 100%;
		vertical-align: bottom;
	}

	#maincontent #callouts p.calloutitem {
		margin-bottom: 20px;
	}

	#header ul li {
		font-size: 18px;
		line-height: 25px;
		margin-right: 20px;
	}

	p#calloutlink a {
		color: #358F5C;
		display: inline-block;
		font-family: 'Oswald', sans-serif;
		font-size: 25px;
		line-height: 32px;
		font-weight: bold;
	}

	#headercontent h1 {
		font-size: 30px;
		line-height: 38px;
		width: 100%;
	}

	#maincontent #callouts .calloutitem img {
		width: 30%;
	}

	#maincontent #callouts .calloutitem .infocon {
		max-width: 100%;
		width: 65%;
	}

	#maincontent #callouts .calloutitem {
		margin-bottom: 40px;
	}

	#maincontent .infocon h3 {
		font-size: 30px;
		line-height: 35px;
	}

	#maincontent .infocon p {
		font-size: 15px;
		line-height: 24px;
	}

}

@media screen and (max-width: 667px) {
	#footerright {
		width: 100%;
		float: none;
		text-align: center;
	}

	.inner {
		width: 75%;
	}


	#footer {
		text-align: center;
	}

	#header {
		height: 450px;
		position: relative;
		z-index: 100;
	}

	#nav {
		background-color: #414141;
		padding: 20px 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		display: none;
	}

	#header #nav ul li {
		display: block;
	}

	#nav-toggle {
		display: block;
	}
}

@media screen and (max-width: 500px) {
	#maincontent .infocon h3 {
		font-size: 26px;
		line-height: 28px;
	}

	#callouts .calloutitem img {
		width: 30%;
		margin: 20px 10px;
	}

	.calloutitem {
		display: flex;
		flex-direction: column;
		margin: 10px auto;
		justify-content: center;
		align-items: center;
	}

	.item-reverse {
		flex-direction: column-reverse;
	}

}

@media screen and (max-width: 400px) {
	#maincontent .infocon p {
		font-size: 13px;
	}
}

@media screen and (max-width: 350px) {
	#maincontent .infocon p {
		font-size: 12.5px;
	}
}