/****************************
    - Responsive styles -
****************************/

@media only screen and (max-width:1280px) {
	header p {
		font-size: 45px;
		padding-top: 6em;
	}
}

@media only screen and (max-width:1036px) {
	.row.footer-content-info {
		display: block;
		margin-top: -30px;
	}
	.services .col-md-4 {
		margin-bottom:40px;
	}
	
	.subscribe button {
		width:10%;
	}

	.contact input[type="submit"] {
		width:20%;
	}

	.contact .error .name {
		left:43.0%;
	}
}
@media only screen and (max-width:1280px) {
	.footer-content-info {
		display: block;
		margin-top: -30px;
	}
}
@media only screen and (max-width:1024px) {
	header p {
		font-size: 38px;
	}
}
@media only screen and (max-width:800px) {
	.container {
		padding-right: 35px;
		padding-left: 35px;
	}
}
@media only screen and (max-width:756px) {
	.subscribe input[type="email"] {
		margin-bottom:10px;
	}

	.subscribe button, .subscribe input[type="email"] {
		width:20%;
	}



	.contact input[type="submit"] {
		width:30%;
	}

	.google-map i.fa-map-marker  {
		margin-left:-5px;
	}

	.contact .error .name {
		left:42.5%;
	}   

	header {
		padding-top:10px;
	}

	header p {
		font-size: 25px;
		padding-top: 5em;
	}

	header h1 {
		font-size:25px;
		padding-top:1px;
		margin-bottom:0px;
	}

	header .countdown {
		font-size:2.3em;
		line-height:50px;
	}

	header .countdown span {
		line-height:5px;
	}

	header .logo img {
		width:20%;
		height:auto;
	}

	.backstretch {
		height:450px !important;
	}

	.backstretch img {
		height:500px !important;
	}

	.mouse {
		display:none;
	}

	.services {
		padding-top:180px;
	}
}

@media only screen and (max-width:540px) {
	.contact input[type="submit"] {
		width:40%;
	}

	.contact .error .name {
		left:41.2%;
	}

	header {
		padding-top:10px;
	}

	header p {
		font-size: 20px;
		padding-top: 8em;
	}

	header h1 {
		font-size:25px;
		padding-top:1px;
		margin-bottom:0px;
	}

	header .countdown {
		font-size:2.3em;
		line-height:50px;
	}

	header .countdown span {
		line-height:5px;
	}

	header .logo img {
		width:30%;
		height:auto;
	}

	.backstretch {
		height:510px !important;
	}

	.backstretch img {
		height:530px !important;
	}

	.services {
		padding-top:279px;
	}
	header p br {
		display: none;
	}
}

@media only screen and (max-width:414px) {
 	.services {
 		padding-top:10px;
 	}
}


@media only screen and (max-width:320px) {
	.services {
 		padding-top:180px;
 	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.subscribe {
		background-attachment:scroll !important;
		-webkit-background-size:cover;
		background-position:center;
	}
}