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

#wrapper { min-width:320px; }
#header { min-width:320px; }
/* menu */
@media screen and (max-width: 1300px), screen and (max-device-width: 1300px), screen and (max-width: 1300px) {
	div.block h2 {
		font-size:2.5em;
	}
	div.block.book div.contact-us > div {
		padding-right:30px;
	  }
}
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	#header div.right, #langs, div.socials {
		display:block;
		text-align: right;
	}
	div.socials {
		margin-top: 10px;
	}
	div.block.start div.c {
		top:50%;
	}
	div.block.start div.offers.c {
		margin-top: 0 !important;
	}
	div.offers > div {
		width:47.5%;
	}
	div.offers > div {
		margin-top: 2% !important;
	}
	div.block.about p {
		font-size:1.1em;
	}
	div.block.book div.hotel,
	div.block.book div.contact-us {
		width:50%;
	}
}
/* main-side */
@media screen and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {
	
}
@media screen and (max-width: 700px), screen and (max-device-width: 700px), screen and (max-width: 700px) {
	#header div.c {
		margin-top: 0px;
		flex-direction: column-reverse;
		padding-bottom:20px;
	}
	#header div.c > div {
		text-align: center;
		width:100%;
	}
	#header {
		background-color: #108ca3;
		position: relative;
	}
	#logo {
		margin-top: 20px;
	}
	#langs a {
		padding:0;
	}
	div.socials {
		margin-top: 0px;
	}
	#header div.right {
		display:flex;
		justify-content: space-between;
	}
	#header div.right > * {
		align-self: center;
	}
	div.offer {
		display:block;
	}
	div.offers > div {
		width:80%;
		margin:2% auto 0 auto !important;
	}
	div.block.book {
		flex-wrap:wrap;
	}
	div.block.book div.hotel {
		height:250px;
	}
	div.block.book div.hotel,
	div.block.book div.contact-us {
		width:100%;
	}
	div.block.book div.contact-us {
		padding:0 20px;
	}
	div.block.book div.contact-us > div {
		max-width:none;
		width:80%;
		margin:0 auto;
		padding:30px 0;
	}
	form {
		width:80%;
	}

	div.about-us {
		display:block;
	}
	div.about-us > div {
		width:100%;
	}

}
@media screen and (max-width: 650px), screen and (max-device-width: 650px), screen and (max-width: 650px) {
	div.block.contact-us {
		padding-top: 30px;
	}
}

@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	div.offer {
		display:block;
	}
	div.offers > div {
		width:90%;
		margin:2% auto 0 auto !important;
	}
	div.block h2 {
		font-size:2em;
	}
	div.block.book div.contact-us > div {
		width:90%;
	}
	form {
		width:90%;
	}
}

@media screen and (max-width: 450px), screen and (max-device-width: 450px), screen and (max-width: 450px) {
	
}