
div.header {
	width: 90%;
	padding-top: 10px;
	margin: 0px 5%;
	}

	div.logo {
		width: 110px;
		height: 100px;
		text-align: center;
		margin: 0 auto 2px auto;
		}

	div.title {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 5px !important;
		}

		div.title h1 {
			font-size: 110%;
			margin: 0px;
			padding: 0px;
			}

		div.navmenu {
			width: 100%;
			text-align: center;
			margin: 0 auto;
			padding-bottom: 5px !important;
			}

			div.navmenu ul {
					margin-right: 0px;
					font-weight: bold;
					font-size: 115%;
				}
				
				div.navmenu ul li {
					list-style-type: none;
					float: left;
					padding: 3px 10px;
					border-right: 1px solid black;
					}

				div.navmenu ul li:last-child {
					border-right: 0px none transparent !important;
					}


		div.socialmediaicons ul {
			margin-left: 0px;
			font-weight: bold;
			}

			div.socialmediaicons ul li {
				list-style-type: none;
				float: left;
				padding: 3px 10px;
				margin: 5px 10px 10px 0px;
				text-indent: 0px;
				}

				div.socialmediaicons ul li:last-child {
					margin-right: 0px !important;
					}

				div.socialmediaicons ul li a {
					margin-left: 5px;
					color: white !important;
					}


div.main {
	max-width: 100%;
	background-image: none;
	}

	div.mapcontainer {

		}

	div.statetext {
		width: 90%;
		background-color: white;
		border-radius: 10px;
		margin: 10px 5%;
		padding: 10px;
		}


	div.statescontainer {
		margin-top: 10px;
		}


@media (min-width: 800px) {

	div.main {
		max-width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left center;
		min-height: 500px;
		}

		div.main01 {
			background-image: url('/images/bg1.jpg');
			}

		div.main02 {
			background-image: url('/images/bg2.jpg');
			}



	div.mapcontainer {
		width: 60%;
		max-height: 80%;
		float: right;
		}

	div.statetext {
		width: 60%;
		float: right;
		background-color: white;
		border-radius: 15px;
		margin: 25px 15px 25px 0px;
		padding: 20px;
		}


	div.logo {
		width: 110px;
		height: 100px;
		float: left;
		margin-right: 25px;
		margin-left: 25px;
		display: table-cell;
		}

	div.title {
		height: 80px;
		display: flex;
		width: calc(100% - 160px);
		float: left;
		text-align: left;
		align-items: center;
		vertical-align: middle;
		}

		div.title h1 {
			font-size: 200%;
			}

		div.navmenu {
			height: 20px;
			display: flex;
			width: calc(100% - 160px);
			float: left;
			text-align: left;
			align-items: center;
			vertical-align: bottom;
			}


}


div.clear {
	clear: both;
	height: 0%;
	font-size: 0%;
	}



h1 {
	font-family: 'Merienda', cursive;
	}


.fa {
	font-size: 110%;
	text-align: left;
	text-decoration: none;
	}

li.facebook {
	background-color: #3b5998;
	color: white;
	}

li.twitter {
	background-color: #55acee;
	color: white;
	}

li.google {
	background-color: #dd4b39;
	color: white;
	}

li.linkedin {
	background-color: #007bb5;
	color: white;
	}

li.youtube {
	background-color: #bb0000;
	color: white;
	}

li.instagram {
	background-color: #125688;
	color: white;
	}

li.tiktok {
	background-color: #fe2c55;
	color: white;
	}


.border-blue {
	border: 1px solid blue;
	}

.border-orange {
	border: 1px solid orange;
	}

.border-red {
	border: 1px solid red;
	}

width-100pct {
	width: 100% !important;
	margin: 0px !important;
	}

padding-zero {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	}

