@charset "UTF-8";
/* CSS Document */

.featured { 
	background-color:#e6f0f9 /*#f0eae5*/;
	padding: 1.5em 0;
	margin-bottom:3em;
	float: left;
	width: 100%;
	}

.col-featured {
	width:1150px;
	margin: 0 auto;
	padding:1em;
	}


.col-70 {
	width:45%;
	float:left;
	margin-right:1.5em;
	text-align: center;
	}
.col-70 img {
	max-height:250px;
}
.col-70 p {
	font-weight:600;
	/*font-size: 1.125em;*/
	text-align: left;
	}

.col-30 {
	width:50%;
	float:left;
	border-left: 1px solid #ccc;
	padding-left: 1em;
	}

.col-30 h2 {
	color:#002d72;
	margin-top:10px;
	}

.col-30 ul {
	list-style: none;
	padding-left:0;
	}
.col-30 ul li {
	padding-bottom:.75em;
	}



.page-content {
    width: 750px;
    margin: 0 auto;
    padding: 30px 0;
}

.page-content hr { 
	border-bottom: 1px solid #e3d8d0; 
	clear: both; 
	padding-top: 0px; 
	height: 1px; 
	border-top: none; 
	border-right: none; 
	border-left: none;
	width:100%; }

/*hr { 
	border-bottom: 1px solid #e3d8d0; 
	clear: both; 
	padding-top: 30px; 
	height: 1px; 
	border-top: none; 
	border-right: none; 
	border-left: none;
	width:85%; }*/

				/*.three-cols {
					min-height:350px; }

				.three-cols .col-one,
				.three-cols .col-two,
				.three-cols .col-three{
					font-size: .95rem;
				}

				.col-one,
				.col-two,
				.col-three {
					border:#e3d8d0 1px solid; 
					padding: 9px;
					position: relative;
				}

				.col-one h2,
				.col-two h2,
				.col-three h2 {
					margin: 5px;
					font-size: 26px;
					color: #002d72;
				}

				.col-one h3,
				.col-two h3,
				.col-three h3 {
					font-size: 21px;
					line-height:inherit;
				}*/


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Flex wrap - Our Team Styles */

    .tile-container { 
        display: flex;
		flex-wrap: wrap;
		margin:0 auto;
		justify-content: center; 
        display: -webkit-flex; /* Safari */
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */ }

    .tile-container > div { 
        margin: 10px;
		/*text-align: center;*/
		border:#e3d8d0 1px solid; 
		padding: 9px;
		position: relative;
		width:400px;
}

/*.tile-container > div:last-child { 
		margin-bottom:60px;  }*/

/*    .tile-container img { 
        width:100%;
		max-width:350px;
		background-size: contain; }*/


	.tile-container > div h2 { 
		margin: 5px;
		font-size: 26px;
		color: #002d72; }

	.tile-container > div h3 {
		font-size: 21px;
		line-height:inherit;
	}

    .tile-container > div p {  
		padding-bottom: 1em;
		margin: 5px; }

	.tile-content {
		margin-bottom: 2em;
	}

	.button-wrapper { 
		padding:1em;
	}

    @media (max-width:480px) {
        .tile-container > div {}
        .tile-container > div p { 
			line-height: 24px;
			margin: 5px;
			padding-top: 10px; }
    }
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.button-COVID-tiles {
    background-color: #fff;
	border: 1px solid #ff9e1b;
	padding: 10px;
	text-align: center;
	font-size: .95em;
	width: 80%;
	margin: 1rem auto 1.5em auto;
	position: absolute;
	bottom: 0;
	right: 8%;
}

/*.button-COVID-tiles-second {
    background-color: #fff;
	border: 1px solid #ff9e1b;
	padding: 10px;
	text-align: center;
	font-size: .9em;
	width: 80%;
	margin: 0 auto;
}*/

    .col-page-content { 
		display: flex; 
		flex-wrap: nowrap;
	}

    /* Two columns */
    .col-left {  
		width: 50%; 
		margin-right: 20px;
		background-color: #f0eae5; 
		padding:.5rem 1.5rem 1.5rem 1.5rem; 
	}

    .col-right {  
		width: 50%; 
		margin-left: 20px;
		background-color: #f0eae5; 
		padding:.5rem 1.5rem 1.5rem 1.5rem;
	}


.title { color:#002d72;
	}


/*
    320px — 480px: Mobile devices
    481px — 768px: iPads, Tablets
    769px — 1024px: Small screens, laptops
    1025px — 1200px: Desktops, large screens
    1201px and more —  Extra large screens, TV
*/

@media (min-width:320px) and (max-width:480px) {
	
	.featured { 
		padding:0;
	}
	.col-featured {
		width:100%;
		padding:0;
	}
	.col-70 {
		width:100%;
		margin-right:0;
	}
	.col-70 img {
		width:100%;
		}
	.col-70 p {
		font-size:1em; 
		width:90%;
		padding:1em;
		text-align:left;
	}
	
	.col-30 {
		width:90%;
		border-left:none;
		/*padding-left:0;*/
	}
	
	
	.tile-content {
    	margin-bottom: 0;
}
	
	.button-wrapper { 
		padding:0;}
	
	.button-COVID-tiles { 
		position: relative;
		bottom:unset;
		right:unset;
	}
	
/*	hr {
		width:100%;
	}*/
	.page-content { 
		width:100%;
	}
	
	.col-page-content { 
		display:block; 
		margin:0 auto;
	}
	
	.col-left { 
		width:90%;
		margin:0 0 3em 0;
		padding:1em;
	}
	.col-right { 
		width:90%;
		margin:0 0 3em 0;
		padding:1em;
	}


} /*end (min-width:320px) and (max-width:480px) */


@media (min-width:481px) and (max-width:568px) {
	
	.featured { 
		padding:0;
	}
	.col-featured {
		width:100%;
		padding: 0;
	}
	.col-70 {
		width:100%;
		margin-right:0;
	}
	.col-70 img {
		width:100%;
		}
	.col-70 p {
		font-size:1em; 
		width:90%;
		padding:1em;
	}
	
	.col-30 {
		width:90%;
		border-left:none;
		/*padding-left:0;*/
	}
	
	
	.tile-content {
    	margin-bottom: 0;
}
	
	.button-wrapper { 
		padding:0;}
	
	.button-COVID-tiles { 
		position: relative;
		bottom:unset;
		right:unset;
		width:90%;
	}
	
	.page-content { 
		width:100%;
	}
	
	.col-page-content { 
		width:100%;
	}
	
	.col-left,
	.col-right {
		padding: 1em;
		width: 90%;
	}
	
	.col-right {
		margin-top:2em;
		margin-left:0;
	}

	.col-page-content { 
		display:block; 
		margin:0 auto; 
	}
        
/*	.col-left { 
		width:100%; 
		margin:0; 
		padding:10px 0 0 0; 
	}
	.col-right { 
		width:100%; 
		margin:0; 
		padding:30px 0 0 0; 
	}*/
        
    } /*end (min-width:481px) and (max-width:568px) */


@media (min-width:569px) and (max-width:735px) {
	.featured { 
		/*padding:0;*/
	}
	.col-featured {
		width:100%;
		padding:0;
	}
	.col-70 {
		width: 100%;
		margin-right: 0;
		text-align: center;
		/*margin-top: 1em;*/
	}
	.col-70 img {
/*		width:90%;*/
		}
	.col-70 p {
		font-size: 1em;
		/*width: 90%;*/
		text-align: center;
		padding: 0 2em;
	}
	
	.col-30 {
		width:90%;
		border-left:none;
		padding-left:2em;
	}
	
/*	.tile-container > div {
		width:250px; }*/
	
	.tile-content {
    	margin-bottom: 2em;
}
	
	.button-wrapper {
    	padding: 1em;
}
	
	.button-COVID-tiles {
    	position: absolute;
	}
	
	.page-content { 
		width:100%;
	}
	
	.col-page-content { 
		width:100%;
	}
	
	.col-left,
	.col-right {
		padding: 1em;
		width: 90%;
	}
	
	.col-right {
		margin-top:2em;
		margin-left:0;
	}

	.col-page-content { 
		display:block; 
		margin:0 auto; 
	}
	
	
} /*end (min-width:569px) and (max-width:667px) */

@media (min-width:736px) and (max-width:768px) {
	
	.featured { margin-top: 2em;
	}
		
	.col-featured {
		width:100%; 
		padding:0 1em;
	}
	.col-70 { 
		width:95%;
		margin-right:0;
	}
	.col-70 img {
		/*width:100%;*/
	}
	.col-70 p {
		/*width:90%;*/
		font-size:inherit;
		text-align: center;
	}
	.col-30 { 
		width:90%;
		border-left:none;
		padding-left:0;
	}
	
	
	.tile-container > div {
		width:300px; }
	
	.tile-content {
    margin-bottom: 2em;
}

.button-COVID-tiles {
    position: absolute;
}
	.button-wrapper {
    padding: 1em;
}


	.page-content { 
		width:100%;
	}
	
	.col-page-content { 
		width:100%;
	}
	
	.col-left,
	.col-right {
		padding: 1em;
		width: 90%;
	}
	
	.col-right {
		/*margin-top:2em;*/
	}
} /*end (min-width:569px) and (max-width:768px) */


@media (min-width:769px) and (max-width:1023px) {
	.page-content { 
		width:100%;
	}
	
	.featured {
	}
	.col-featured { 
		width:100%; 
		padding: 0;
	}
	.col-70 { 
		width:100%;
		text-align: center;
	}
	.col-70 img { 
		/*width:90%; */
		max-width: 100%;
	}
	.col-70 p {
		/*width:90%;*/
		font-size:inherit;
		text-align: center;
		padding: 0 2em;
	}
	
	.col-30 { 
		width: 95%;
		border: 0;
		padding: 0 2em;
		
	}
	.col-30 ul { margin-right: 1em;
	}
	
	.tile-container > div {
		width:300px; }
	
	.button-COVID-tiles {
		    position: absolute;
	/*	
		position: relative;
		width:90%;
		bottom:unset;
		right:unset;
	*/
	}
	
	.col-page-content { 
		width:100%;
	}
	
	.col-left,
	.col-right {
		padding: 1em;
		width: 90%;
	}
	
	.col-right {
		/*margin-top:2em;*/
	}
} /*end (min-width:769px) and (max-width:1024px) */

@media (min-width:1024px) and (max-width:1204px) {
 /*end (min-width:1025px) and (max-width:1204px) */
	.col-featured { 
		width:100%; 
	}
	.col-70 img { 
		width:100%; 
		max-width:100%;
	}
	.col-30 { 
		width:45%;
		padding-right:1em; 
	}
	.col-30 h2 {
		margin-top:0;
	}
}
/*
@media (min-width:320px) and (max-width:666px) {
}
@media  (min-width:667px) and (max-width:736px) {
}
*/