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


	.topnav-contain{
		width: 100%;
		display: flex;
		flex-direction: row;
		height: 100%;
		border-bottom: 1px solid #ccc;
		margin-bottom: 3%;
	}

	.topnav-contain a{
		width: 20%;
	}

	.topnav-contain img{
		width: 100%;
		height: auto;
		float:left;
		padding-bottom: 5%;
	}
	
	.topnav {
		width: 80%;
		display: flex;
		justify-content: flex-end;
		text-align: right;
		margin:auto;
	}

	.topnav a{
		color: #47682b;
		text-decoration: none;
		width: auto;
		margin: 0 3%;
	}
	


	.topnav-divider{
		border-bottom: 1px solid #ccc;
		float:left;
		height: auto;
		width: 60%;
		margin: 0% 0% 5% 40%;
	}


@media only screen and (max-width: 800px) {
	
	
	.topnav-contain{
		flex-direction: column;
	}
	
	.topnav-contain a{
		width: 100%;
		height: 100%;
	}
	
	.topnav-contain img{
		width: 40%;
		margin: auto;
		padding: 0 30%;
		height: auto;
	}
	
	
	
	.topnav {
		width: 90%;
		margin: 3% 5% !important;
		display: flex;
		justify-content: center;
		text-align: center;
		margin:auto;
	}
	
	
	.topnav a{
		width: auto;
	}
	
	.topnav-divider{
		width: 90%;
		margin: 0 5%;
	}
	
	
	
	
	
}