/*----------------Responsive--------------*/
@media only screen and (max-width : 1900px) {
	.wrapper{
		padding: 0 2.2%;
	}
	.tile-block{
		font-size: 0.5vw;
	}
	.tile-row .tile-block{
		margin-right: 3.5%;
	}
}
@media only screen and (max-width : 1400px) {
	.fz-32{
		font-size: 2.6rem;
	}
}
@media only screen and (max-width : 1200px) {
	.header-logo img{
		height: 2.8rem;
	}
	.header-row{
		width: 96%;
	}
	.header-nav li{
		padding: 0 1.2em;
	}
	.footer-bot .container{
		padding: 0 2rem;
		width: 100%;
	}
	.footer-logo img{
		height: 2.8rem;
	}
}
@media only screen and (max-width : 1023px) {
	body{
		font-size: 1.8rem;
	}
	h2{
		font-size: 3rem;
		line-height: 1.27;
		margin-bottom: 1em;
	}
	.wrapper{
		padding: 0;
	}
	.header{
		padding: 3rem 0;
	}
	.header-row{
		width: 100%;
	}
	.header-logo{
		min-width: 1px;
		padding: 0 2rem;
		width: 100%;
	}
	#touch-menu{
		display: block;
	}
	.header-nav{
		background: #fff;
		display: none;
		left: 0;
		padding-bottom: 1em;
		position: absolute;
		top: 100%;
		width: 100%;
	}
	.header-nav li{
		display: block;
		padding: 0.5em 0;
		text-align: center;
		width: 100%;
	}
	.header-nav a:after{
		content: none;
		display: none;
	}
	.fz-32{
		font-size: 2.2rem;
	}
	.tile-section{
		padding-bottom: 7rem;
	}
	.tile-row-content{
		padding-top: 1rem;
	}
	
}
@media only screen and (max-width : 767px) {
	body{
		font-size: 1.6rem;
	}
	h2{
		font-size: 2.4rem;
	}
	.header{
		padding: 2rem 0;
	}
	.header-logo img{
		height: 2.6rem;
	}
	.footer-top{
		padding: 5.3rem 0 6rem;
	}
	.footer-copyright{
		padding: 0;
		max-width: 100%;
		width: 100%;
	}
	.footer-contact{
		padding: 3rem 0 0;
		max-width: 100%;
		width: 100%;
	}
	.footer-logo img{
		height: 2.6rem;
	}
	.tile-block{
		font-size: 5.5px;
		border-radius: 0;
		min-width: 1px;
		max-width: 100%;
		position: relative;
	}
	.tile-green{
		background: #004d5b;
	}
	.tile-brown{
		background: #995115;
	}
	.tile-block h1,
	.tile-block h2{
		padding: 1em 2rem 1.1em;
	}
	.tile-block p{
		padding: 1em 2rem 1.35em;
	}
	.info-section{
		padding: 5.3rem 0 6rem;
	}
	.fz-32{
		font-size: 2rem;
	}
	.tile-row{
		display: flex;
		flex-wrap: wrap;
	}
	.tile-section{
		padding: 0;
	}
	.tile-row .tile-block{
		margin: 0;
	}
	.tile-row-content{
		max-width: 100%;
		padding: 5.3rem 2rem 6rem;
		width: 100%;
	}
	
}