@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1050px){
	header nav ul li a{font-size:23px;}
	
	section.services div{width:-moz-calc(25% - 10px); width:-webkit-calc(25% - 10px); width:-o-calc(25% - 10px); width:calc(25% - 10px); margin:30px 5px 0px 5px;}
	section.services div big{width:128px; height:136px; background-size:100%;}
	section.services div.icon1 big{background-position:0px -60px;}
	section.services div.icon2 big{background-position:0px -201px;}
	section.services div.icon3 big{background-position:0px -331px;}
	section.services div.icon4 big{background-position:0px -467px;}
}

@media only screen and (max-width: 1000px){
	header nav ul li a{font-size:22px;}
	
	h2{font-size:54px; line-height:58px;}
}

@media only screen and (max-width: 950px){
	header nav ul li a{font-size:21px;}
	
	section.about p{max-width:450px;}
	
	section.contacts h3{float:right;}
	section.contacts h4{display:none;}
	section.contacts div.info{width:305px; margin:0px;}
	section.contacts div.info h4{padding:15px;}
	section.contacts div.info address p{padding:15px;}
	section.contacts div.info a.button{font-size:18px; line-height:18px; padding:10px 0px;}
}

@media only screen and (max-width: 900px){
	header nav ul li a{font-size:20px;}
}

@media only screen and (max-width: 850px){
	header nav ul li a{font-size:19px;}
	
	section.gallery div.bx-wrapper ul li a{width:100%;}
	section.gallery div.bx-wrapper ul li article{width:100%; float:none; margin:0px auto;}
	section.gallery div.bx-wrapper ul li a.full{max-width:620px; float:none; text-align:center; margin:0px auto 10px auto;}
	section.gallery div.bx-wrapper ul li a.full img,
	section.gallery div.bx-wrapper ul li a.full big{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px);}
	
	section.gallery span.prev{left:30px; margin:-25px 0px 0px 0px;}
	section.gallery span.next{right:30px; left:auto; margin:-25px 0px 0px 0px;}
}

@media only screen and (max-width: 800px){
	h2{font-size:48px; line-height:52px;}
	h3{font-size:22px; line-height:22px;}
	
	header nav ul li p{margin:0px;}
	header nav ul li a{font-size:18px;}
	
	section.about{padding:450px 0px 0px 0px;}
	section.about p{max-width:350px;}
}

@media only screen and (max-width: 750px){
	h2{font-size:47px; line-height:51px;}
	
	section.gallery{padding:0px 0px 55px 0px;}
}

@media only screen and (max-width: 700px){
	h2{font-size:46px; line-height:50px;}
	
	section.gallery{padding:0px 0px 50px 0px;}
}

@media only screen and (max-width: 650px){
	h2{font-size:44px; line-height:48px;}
	
	header h1{float:none; clear:both; margin:auto;}
	
	header a.phone{float:left; margin:0px 0px 30px 0px;}
	header a.linkedin{margin:0px 0px 30px 0px;}
	
	header nav{clear:both; float:none;}
	header nav ul{text-align:center;}

	footer,
	section.gallery{padding:30px 0px;}
	
	section.contacts h2{float:none; text-align:center; padding:30px 0px 15px 0px; margin:0px;}
	section.contacts div.info{width:auto; float:none; margin:0px;}
	section.contacts div.info h4{font-size:23px; line-height:23px;}
	section.contacts div.info address{width:100%; position:relative; font-style:normal; padding:0px; margin:0px;}
	section.contacts div.map{height:450px;}
}

@media only screen and (max-width: 600px){
	h2{font-size:42px; line-height:46px;}
	
	section.about{min-height:inherit; background-position:top left; text-align:center; padding:200px 0px 50px 0px;}
	section.about p{max-width:none;}
	
	section.services{padding:30px 0px;}

	section.contacts div.info h4{font-size:22px; line-height:22px;}
	section.contacts div.map{height:425px;}
	
	section.services div{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); margin:30px 5px 0px 5px;}
	section.services div big{width:255px; height:271px;}
	section.services div.icon1 big{background-position:0px -120px;}
	section.services div.icon2 big{background-position:0px -391px;}
	section.services div.icon3 big{background-position:0px -662px;}
	section.services div.icon4 big{background-position:0px -933px;}
	
	footer{text-align:center;}
	footer article{padding:0px;}
	footer a.phone{display:none;}
}

@media only screen and (max-width: 550px){
	h2{font-size:40px; line-height:44px;}
	
	header nav ul li a{font-size:17px;}
	
	section.services div big{width:128px; height:136px; background-size:100%;}
	section.services div.icon1 big{background-position:0px -60px;}
	section.services div.icon2 big{background-position:0px -201px;}
	section.services div.icon3 big{background-position:0px -331px;}
	section.services div.icon4 big{background-position:0px -467px;}
	
	section.contacts div.info h4{font-size:21px; line-height:21px;}
	section.contacts div.map{height:400px;}
}

@media only screen and (max-width: 500px){
	header nav ul li a{font-size:16px;}
	
	section.about{padding:120px 0px 30px 0px;}
	
	section.contacts div.info h4{font-size:20px; line-height:20px;}
	section.contacts div.map{height:375px;}
	
	#form{min-width:300px;}
}

@media only screen and (max-width: 450px){
	header nav ul li p{width:20px; background-position:-9px -51px;}
	header nav ul li a{font-size:15px;}
	
	section.contacts div.info h4{font-size:19px; line-height:19px;}
	section.contacts div.map{height:350px;}
}

@media only screen and (max-width: 400px){
	header nav ul li a{font-size:14px;}
	
	header a.phone{display:none;}
	header a.linkedin{float:none; text-align:center;}
	
	section.contacts div.info h4{font-size:18px; line-height:18px;}
	section.contacts div.map{height:325px;}
}

@media only screen and (max-width: 350px){
	header nav ul li p{display:none;}
	header nav ul li a{font-size:12px; padding:0px 5px;}
	
	section.services div{width:100%; margin:30px 0px 0px 0px;}
	section.services div big{width:255px; height:271px;}
	section.services div.icon1 big{background-position:0px -120px;}
	section.services div.icon2 big{background-position:0px -391px;}
	section.services div.icon3 big{background-position:0px -662px;}
	section.services div.icon4 big{background-position:0px -933px;}
	
	section.contacts div.info h4{font-size:16px; line-height:16px;}
	section.contacts div.map{height:300px;}
}