@media only screen and (max-height : 960px) {
	.Header h1 {
		font-size: 2.7em;
		text-align: center;
		color: #fff;
		font-family: 'Droid Serif';
		}
}
@media only screen and (max-height : 900px) {
	.Header {
		margin-top:40px;
	}
	.Header h1 {
		font-size: 2.7em;
		text-align: center;
		color: #fff;
		font-family: 'Droid Serif';
		}
}
@media only screen and (max-height : 600px) {
	.homepage .scroll{
		overflow-y:scroll!important;
	}
}
@media only screen and (max-width : 1024px){
	textarea{
		padding-left: 4px!important;
	}
}
@media only screen and (max-width : 960px) {
	.Header h1 {
		font-size: 2em;
		text-align: center;
		color: #fff;
		font-family: 'Droid Serif';
		}
	.Header-website h2 {
		font-size: 2em;
		text-align: center;
		color: #fff;
		font-family: 'Droid Serif';
		}
	.Navigation nav ul li a {
		display: block;
		text-decoration: none;
		color: #fff;
		font-size: 1em;
		height: 40px;
		}
	.Address_wrap {
		width: 100%!Important;
		float: left;
		max-width: 340px;
		margin-left: 10%;
		}
	.Form_wrap {
			width: 100%;
			float: left;
			max-width: 445px;
			margin-left: 10%;
		}
}
@media only screen and (max-width : 830px) {
	.Navigation nav ul li a {
		display: block;
		text-decoration: none;
		color: #fff;
		font-size: 0.9em;
		height: 40px;
		}
		.Navigation nav ul li a:hover {
			display: block;
			text-decoration: none;
			color: #39362f;
			/*background-image: url(../images/underline.png);*/
			background-repeat: no-repeat;
			background-position: 0px 17px;
			background-size: 100% 11px;
			}
		.active-nav {
			display: block;
			text-decoration: none;
			color: #39362f!important;
			/*background-image: url(../images/underline.png);*/
			background-repeat: no-repeat;
			background-position: 0px 17px;
			background-size: 100% 11px;
			}
		.Websites-text {
			width: 56.958333%;
			margin-left: 20px;
			color: #fff;
			margin-top: 20px;
			float: left;
			max-width: 560px;
		}
}
@media only screen and (max-width : 745px) {
	.Navigation nav ul {
		list-style-type: none;
		width:100%;
		max-width:415px!Important;
		margin:0 auto;
		}
	.Navigation nav ul li {
		display: inline;
		float: left;
		margin-left: 14%;
		}
}
@media only screen and (max-width : 640px) {
	.Header h1 {
		font-size: 1.7em;
		text-align: center;
		color: #fff;
		font-family: 'Droid Serif';
		}
	footer {
		background-color: #39362f;
		position: absolute;
		bottom: -40px;
		width: 100%;
		height: 100%;
		max-height:46px;
		}
	.Websites-text {
			width: 100%;
			margin-left: 10px;
			color: #fff;
			margin-bottom:40px;
			float: none;
			max-width: 100%;
		}
		.Websites-text p{
			padding-right:20px;
			font-size:0.9em;
		}
		.Websites-pictures {
			width: 100%;
			float: left;
			padding-top:40px;
			max-width: 380px;
			margin:0 auto;
		}
		.big-box img {
			float: left;
			margin-left: 16px;
		}
		#commerce {
			position: relative!important;
			left: 2000px;
			display: none;
		}
		#hosting {
			position: relative!important;
			
			left: 2000px;
			display: none;
		}
		#emails {
		 position: relative!important;
		top: -4px;
		left: 2000px;
		display: none;
		}
		#bespoke {
		position: relative!important;
		top: -4px;
		left: 2000px;
		display: none;
		}
		.Copywright p {
			line-height: 20px;
		}
}
@media only screen and (max-width : 581px) {
	.Navigation nav ul li {
		display: inline;
		float: left;
		margin-left: 10%;
		}
}
@media only screen and (max-width : 510px) {
		input[type="text"] {
				float: left;
				background-color: #39362f;
				border: 1px solid #fff;
				width: 73%;
				margin-right: 80px;
				max-width: 320px;
				margin-bottom: 16px;
				color: #fff;
				border-radius: 4px;
				font-family: 'Droid Sans';
				}
		textarea {
			height: 100px;
			width: 73%;
			margin-right: 80px;
			max-width: 320px;
			float: left;
			background-color: #39362f;
			border: 1px solid #fff;
			color: #fff;
			padding-left: 2px;
			border-radius: 4px;
			font-family: 'Droid Sans';
			}
		input[type="button"] {
			float: right;
			border-radius: 7px;
			background-color: #f15725;
			border: none;
			margin-top: 10px;
			padding: 5px 10px;
			margin-right: 27%;
			}
		input[type="submit"] {
			margin-right: 25%
		}	
	}

@media only screen and (max-width : 481px) {
	.Navigation nav ul li {
		display: inline;
		float: left;
		margin-left: 13%;
		}
	.Copywright span{
		display:none;
	}
	.Copywright a {
		text-decoration: none;
		color: #f15725;
		float: left;
		clear: both;
		font-size: 13px;
	}
	.Copywright p {
		float: left;
	}
}
@media only screen and (max-width : 410px) {
	.Header h1 {
		font-size: 1.5em;
		text-align: center;
		color: #fff;
		font-family: 'Droid Serif';
		}
	
	.left-arrow {
		margin-left: 94px!Important;
	}
	.Cicle-nav nav ul li {
		display: inline;
		float: left;
		margin-left: 50px;
		}
	.Navigation nav ul li a {
		display: block;
		text-decoration: none;
		color: #fff;
		font-size: 0.9em;
		height: 100%;
		margin-left: 15px;
	}
	.Navigation nav ul li {
		display: inline;
		float: none!important;
		margin-left: 13%;
	}
}
@media only screen and (max-width : 380px) {
	.Navigation nav ul li {
		display: inline;
		float: left;
		margin-left: 10%!important;
		}
	.Websites-pictures {
			width: 100%;
			float: none;
			margin:0 auto;
			margin-top: 0px;
			max-width: 100%;
			}
}

@media only screen and (max-width : 354px) {
	.Header h1 {
		font-size: 1.5em;
		text-align: center;
		color: #fff;
		font-family: 'Droid Serif';
		}
	
	.left-arrow {
		margin-left: 80px!Important;
	}
	.Cicle-nav nav ul li {
		display: inline;
		float: left;
		margin-left: 44px;
		}
}

@media only screen and (max-width : 320px) {
	.Header h1 {
		font-size: 1.5em;
		text-align: center;
		color: #fff;
		font-family: 'Droid Serif';
		}
		.Header-website h2 {
			font-size: 1.8em;
			text-align: center;
			color: #fff;
			font-family: 'Droid Serif';
		}
	
	.left-arrow {
		margin-left: 73px!Important;
	}
	.Cicle-nav nav ul li {
		display: inline;
		float: left;
		margin-left: 40px;
		}
	.Navigation nav ul li {
		display: inline;
		float: left;
		margin-left: 8%!important;
		}
		.Websites-text {
			width: 100%;
			margin-left: 10px;
			color: #fff;
			margin-top: 60px;
			float: none;
			max-width: 100%;
			}
		.Websites-text p{
			padding-right:20px;
			font-size:0.9em;
		}
		.Websites-pictures {
			width: 100%;
			float: none;
			margin:0 auto;
			margin-top: 0px;
			max-width: 100%;
			}
		.Address_wrap p {
			color: #fff;
			line-height: 24px;
			font-size: 0.9em;
		}
		textarea {
			height: 100px;
			width: 74%;
			margin-right: 80px;
			max-width: 320px;
			float: left;
			background-color: #39362f;
			border: 1px solid #fff;
			color: #fff;
			padding-left: 2px;
			border-radius: 4px;
			font-family: 'Droid Sans';
			}
		input[type="submit"] {
			margin-right: 24%
		}
		
}
























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */