/*---------------------@MEDIA---------------------------*/


/*--------------------320-480px-------------------*/

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
	#grid{
		grid-template-columns: 1fr;
	}

	#left section {
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	#left section h2 {
		font-size: 1em;
	}
	#left section p {
		font-size: 0.8em;
	}
	#left section ul li {
		font-size: 0.6em;
		letter-spacing: 0.06em;
		line-height: 2em;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	section .map {
		width: 80%;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 5px;
		height: 300px;
		border: 1px solid #707070;
		padding: 10px 12px 12px 10px;
	}
}

@media screen and (orientation:landscape) and (max-width:1000px){
	.headbanner {
		height: 50vh;
	}
	main {
	
		top: 50vh;
	}
	}
@media screen and (orientation:portrait) {
	.headbanner{
		height: 30%;
	}
	main{

		top: 30%;
	}
	
}
/*--------------max 550px---------------*/

@media screen and (max-width:575px) {
	.headbanner p{
		font-size: 1.4em;
	}
	nav {
		display: none;
	}
	#nav-smd {
		display: grid;
		margin-left: 20px;
	}
	.mobnav{
		display: none;
		background-color: #292929a9;
		width: 150px;
	}
	#nav-smd li {
		font-size: 1.1em;
		letter-spacing: 0.1em;
		line-height: 1.4em;
		margin: 0px;
		font-weight: 500;
		font-size: 1.1em;
	}
	.mobnav a{
		display: grid;
		row-gap: 10px;
		color: white;
		padding-left: 5px;
		padding-bottom: 5px;
	}
	.mobnav li{
		padding-top: 5px;
	}
	.mobnav .active{
		color:#F7A611;
	}
	.mobnav a:hover{
		color: #F7A611;
	}
	#nav-smd a:hover > .mobilenav {
		display: grid;
	}

	section .map {
		margin-top: 20px;
		border-radius: 5px;
		height: 300px;
		border: 1px solid #707070;
		padding: 10px 12px 12px 10px;
		max-width: 95%;
	}


	iframe {
		width: 99.5%;
		height: 100%;
		overflow: hidden;
	}

	#left section {
		max-width: 100%;

		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

	}

	#branding h4 {
		font-size: 0.9em;
	}
	#left section h2,
	h3 {
		font-size: 1em;
		letter-spacing: 0.003em;
	}

	#left section p {
		font-size: 0.8em;
		letter-spacing: 0.06em;

	}
	section .map {
		width: 100%;
		margin-top: 20px;
		border-radius: 5px;
		height: 300px;
		border: 1px solid #707070;
		padding: 10px 12px 12px 10px;
	}

}

/*---------------------------------710px------------------------------*/

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

	#grid{
	 grid-template-columns: 1fr;
	}

	#branding h4 {
		font-size: 0.6em;
		text-align: center;
		margin: 8px;
		padding: 10px 0px 10px 0px;
	}

	.homeimg{

		background-position: right;
	}

}

/*---------------------------------900px------------------------------*/

@media (max-width: 899px) {
	#grid{
		grid-template-columns: 1fr;
		column-gap: 40px;
		width: 85%;
	}

	nav {

		text-align: left;
	}

	nav ul li a {
		padding: 3px;
		margin: 10px auto;
	}


	

}
@media (min-width: 900px) {
	#grid{
		grid-template-columns: 6fr 3fr;
		column-gap: 80px;
		width: 85%;
	}

}


/*---------------------------------1366px------------------------------*/

@media (max-width:1266px) {
}