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

@media only screen and (max-width: 1050px){
	section.welcome h2{width:100%; left:0px; text-align:center; margin:0px;}
	
	footer a.tripadvisor,
	footer a.phone{padding:5px 0px 5px 15px; margin:0px 0px 0px 15px;}
}

@media only screen and (max-width: 1000px){
	body{background-position:center 200px;}
}

@media only screen and (max-width: 950px){
	header div.social{margin:40px 0px 0px 15px;}
	
	section.welcome h2{font-size:20px; line-height:24px;}
	section.welcome h2 strong{font-size:80px; line-height:80px;}
	
	section.about{padding:75px 0px;}
	section.prices{padding:0px 0px 75px 0px;}
	
	h3{font-size:35px; line-height:39px;}
	
	section.contacts h3{float:right;}
	section.contacts h4{display:none;}
	section.contacts div.info{width:305px; margin:0px;}
	section.contacts div.info h5{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;}
	
	footer article{padding:0px;}
	footer article h6{display:block;}
}

@media only screen and (max-width: 900px){
	header a.phone big{font-size:24px; line-height:28px;}
	
	section.about{padding:70px 0px;}
	section.prices{padding:0px 0px 70px 0px;}
	
	h3{font-size:34px; line-height:38px;}
}

@media only screen and (max-width: 850px){
	header a.phone{display:none;}
	
	section.about{padding:65px 0px;}
	section.prices{padding:0px 0px 65px 0px;}
	
	h3{font-size:33px; line-height:37px;}
	h4{font-size:19px; line-height:23px;}
	
	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){
	section.about{padding:60px 0px;}
	section.prices{padding:0px 0px 60px 0px;}
	
	h3{font-size:32px; line-height:36px;}
}

@media only screen and (max-width: 750px){
	section.welcome h2{font-size:16px; line-height:20px;}
	section.welcome h2 strong{font-size:64px; line-height:64px;}
	
	section.about{padding:55px 0px;}
	section.prices{padding:0px 0px 55px 0px;}
	section.gallery{padding:0px 0px 55px 0px;}
	
	h3{font-size:31px; line-height:35px;}
	
	section.prices article aside{width:100%; float:none; margin:0px 0px 10px 0px;}
	section.prices article aside.min{margin:0px 0px 3px 0px;}
	
	footer a.phone{display:none;}
	footer a.tripadvisor{border-left:none; text-align:center; padding:0px; margin:0px;}
	footer a.tripadvisor p{margin:5px auto;}
}

@media only screen and (max-width: 700px){
	section.about{text-align:center; padding:50px 0px;}
	section.about img{float:none; margin:0px auto 15px auto;}
	
	section.prices{padding:0px 0px 50px 0px;}
	section.gallery{padding:0px 0px 50px 0px;}
	
	h3{font-size:30px; line-height:34px;}
	h4{font-size:18px; line-height:22px;}
}

@media only screen and (max-width: 650px){
	body{background-position:center 300px;}
	
	header h1{float:none; margin:0px auto;}
	header div.social{float:none; text-align:center; margin:40px 0px 0px 0px;}
	
	section.welcome{min-height:740px;}
	
	footer,
	section.about{padding:45px 0px;}
	section.prices{padding:0px 0px 45px 0px;}
	section.gallery{padding:0px 0px 45px 0px;}
	
	h3{font-size:29px; line-height:33px;}
	
	section.prices article{width:100%; float:none; margin:30px 0px 0px 0px;}
	section.prices article aside{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); float:left; margin:0px 0px 10px 0px;}
	section.prices article aside.min{margin:0px 10px 10px 0px;}
	
	section.contacts h3{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 h5{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){
	footer,
	section.about{padding:40px 0px;}
	section.prices{padding:0px 0px 40px 0px;}
	section.gallery{padding:0px 0px 40px 0px;}
	
	h3{font-size:28px; line-height:32px;}
	
	section.contacts div.info h5{font-size:22px; line-height:22px;}
	section.contacts div.map{height:425px;}
}

@media only screen and (max-width: 550px){
	section.welcome{min-height:700px;}
	
	footer,
	section.about{padding:35px 0px;}
	section.prices{padding:0px 0px 35px 0px;}
	section.gallery{padding:0px 0px 35px 0px;}
	
	h3{font-size:27px; line-height:31px;}
	h4{font-size:17px; line-height:21px;}
	
	section.contacts div.info h5{font-size:21px; line-height:21px;}
	section.contacts div.map{height:400px;}
}

@media only screen and (max-width: 500px){
	footer,
	section.about{padding:30px 0px;}
	section.prices{padding:0px 0px 30px 0px;}
	section.gallery{padding:0px 0px 30px 0px;}
	
	h3{font-size:26px; line-height:30px;}
	
	section.contacts div.info h5{font-size:20px; line-height:20px;}
	section.contacts div.map{height:375px;}
}

@media only screen and (max-width: 450px){
	section.welcome{min-height:650px;}
	section.welcome h2{font-size:12px; line-height:16px;}
	section.welcome h2 strong{font-size:48px; line-height:52px;}
	
	h3{font-size:25px; line-height:29px;}
	h4{font-size:16px; line-height:20px;}
	
	section.contacts div.info h5{font-size:19px; line-height:19px;}
	section.contacts div.map{height:350px;}
	
	footer{text-align:center;}
	footer a.tripadvisor{float:none; border-bottom:2px solid #e1e3e4; padding:0px 0px 30px 0px; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 400px){
	header div.social a{width:30px; height:30px; margin:0px 0px 0px 2px;}
	header div.social a p{margin:6px auto;}
	
	h3{font-size:24px; line-height:28px;}
	h4{font-size:15px; line-height:19px;}
	
	section.contacts div.info h5{font-size:18px; line-height:18px;}
	section.contacts div.map{height:325px;}
}

@media only screen and (max-width: 350px){
	h3{font-size:22px; line-height:26px;}
	h4{font-size:14px; line-height:18px;}
	
	section.contacts div.info h5{font-size:16px; line-height:16px;}
	section.contacts div.map{height:300px;}
}