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

@media only screen and (max-width: 950px){
	header h1{width:270px; height:110px; display:block; margin:0px auto 15px auto;}
}

@media only screen and (max-width: 800px){
	section.contacts form{width:auto; float:none; margin:0px;}
	section.contacts aside{width:-moz-calc(40% - 15px); width:-webkit-calc(40% - 15px); width:-o-calc(40% - 15px); width:calc(40% - 15px); margin:0px 0px 30px 0px;}
	section.contacts article{width:-moz-calc(60% - 15px); width:-webkit-calc(60% - 15px); width:-o-calc(60% - 15px); width:calc(60% - 15px); margin:0px 0px 30px 30px;}
}

@media only screen and (max-width: 650px){
	header p{display:none;}
	header a.phone{float:none; text-align:center; padding:15px 0px 0px 0px; margin:0px auto;}
	
	section.menu table tr th:first-of-type,
	section.menu table tr td:first-of-type{display:none;}
}

@media only screen and (max-width: 550px){
	section.contacts div.box{padding:15px;}
	section.contacts aside,
	section.contacts article{width:auto; float:none; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 500px){
	section.menu table tr{clear:both;}
	section.menu table tr th:nth-of-type(2n){width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); display:block;}
	section.menu table tr td:nth-of-type(2n){width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); display:block; padding:20px 10px 10px 10px;}
	section.menu table tr th:nth-of-type(3n),
	section.menu table tr th:nth-of-type(4n){display:none;}
	section.menu table tr td:nth-of-type(3n){width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); display:block; text-align:left; padding:0px 10px;}
	section.menu table tr td:nth-of-type(4n){width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); display:block; text-align:left; padding:0px 10px 20px 10px;}
}

@media only screen and (max-width: 450px){
	label.accept,
	section.contacts form a.link{font-size:12px;}
}

@media only screen and (max-width: 400px){
	label.accept{line-height:14px; padding:0px 5px 0px 0px; margin:-5px 0px 0px 0px;}
	section.contacts form a.link{line-height:14px; padding:0px; margin:-5px 0px 0px 0px;}
}

@media only screen and (max-width: 350px){
	input{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); margin:0px 0px 10px 0px;}
	input:first-of-type{margin:0px 0px 10px 0px;}
	
	header a.phone strong{font-size:36px; line-height:36px;}
	
	footer strong{display:block;}
}