@media(max-width:1200px){
	.container{
		width: 100%;
		padding: 0 25px;
	}

	header{
		right: initial; left: 0; 
		width: 100%;
		padding: 30px 25px;
	}
	a.logo img{
		width: 170px; height: auto;
	}
	a.contact{
		font-size:13px;
		padding: 8px 10px;
		margin:-4px 0 0 0;
	}


	.image-area{
		display: none;
	}
	.text{
		position: relative;
		float: left;
		margin: 100px 0 0 0;
		width: 100%;
		padding: 60px 25px;
		z-index: 5;
		background: url(images/bg.jpg) no-repeat center;
		background-size: cover;
	}
	.text h2, .text h3, ul.timer li{
		color: #fff;
	}
	ul.timer li span{
		color: #ccc;
	}


	footer{
		position: relative;
		float: left;
		width: 100%;
		padding: 40px 25px;
		z-index: 6;
	}

	.contactform{
		right: -100%; 
		width: 100%;
	}
	.contactform.hideform{
		right: -100%;
	}
	.contactform.showform{
		right:0;
	}
}



@media(max-width:500px){
	.text h2{
		font-size: 18px;
	}
	.text h3{
		font-size: 40px;
	}
	.contactform .form-layout form{
		width: 80%; max-width: 400px;
	}
}