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

}


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

}


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

	.container{
		width: 100%;
	}

	#top .logo{
		position: relative;
		left: 5px;
	}


	.slider{
		height: 700px;
	}

	.slider_text{
		padding-left: 15px;
	}

	.page .container{
		padding: 5px;
	}

	.contact-details{
		width: 100%;
	}

	.contact-form{
		width: 80%;
	}

	.contact input[type="text"],
	.contact textarea{
		border: 1px solid #CCC;
	}

}


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

	.logo{
		width: 100%;
		text-align: center;
	}

	.menu-container{
		width: 100%;
	}

	#top{
		height: inherit;
	}

	.menu-container{
		text-align: center;
	}

	.slider_text h1{
		font-size: 40px;
	}

	.slider_text h2{
		font-size: 25px;
	}

	.slider{
		height: 600px;
	}
}


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

	.contact-form{
		width: 80%;
	}

}

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

	.slider_text h1 {
	    font-size: 25px;
	}

	.slider_text h2{
		font-size: 15px;
	}

}


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

}

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

	.menu-container li{
		padding: 10px;
	}

}