@charset "UTF-8";
@media (max-width: 1170px) {
	.wrap{width: 100%; padding-left: 32px; padding-right: 32px;}
	.infograph .col-1-4{width: 232px; margin: 16px}
	.page-head .wrap{display: flex; flex-direction: column;}
	.page-head .logo{position: absolute; left: 16px; top: 16px;}
	.page-head .infobar, .page-head .menu{order: 0; width: 100%; text-align: center; padding: 0 160px}
	.page-head .infobar{order: 0}
	.page-head .menu{order: 1}
	.page-head .h1,
	.page-head .h2,
	.page-head .h3,
	.page-head .h4,
	.page-head .h5,
	.page-head .h6{
		margin: 0.2em 0;
		line-height: 1.2em;
	}

}
@media (max-width: 1000px) {
	.destination-wrap{width: 33%; flex: 0 0 33%}
}
@media (max-width: 890px) {
	.destination-wrap{width: 50%; flex: 0 50%}
	.page-head .infobar, .page-head .menu{padding-right: 0}
	.infograph .col-1-4{margin: 8px}
	.infograph .col-1-4 img{width: 75%; height: auto;}
}
@media (max-width: 800px) {
}
@media (max-width: 660px) {
	.page-head .menu a{font-size: 1.3em; padding: 3px}
	.page-head .logo{float: none}
	.page-head .infobar, .page-head .menu{padding-right: 0}
	.col-3-4{width: 100%}
	.page-main{padding-top: 160px}
	a.anchor{top: -160px}
}
@media (max-width: 550px) {
	/*.page-head .menu li{display: block; padding-top: 0}*/
	.destination-wrap{width: 100%; flex: 0 100%}
	.grid .col-1-2{width: 100%}	
	h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {line-height: 1.2em}
	h1,	.h1 {font-size: 1.6em; }
	h2,	.h2 {font-size: 1.4em; }
	h3,	.h3 {font-size: 1.2em; }
	h4,	.h4 {font-size: 1.1em; }
	h5,	.h5 {font-size: 1em; }
	h6,	.h6 {font-size: 1em; }
}
@media (max-width: 490px) {
	.wrap{padding-left: 8px; padding-right: 8px}
	.page-main{padding-top: 180px}
	a.anchor{top: -180px}
	.grid .col{padding: 8px}
	.price{width: 140px}
	.page-head .logo{top: 0px}
	.page-head .wrap > *{position: relative; left: 0; top: auto; width: 100%; max-width: 100%; height: auto; text-align: center; padding: 0px}
	.page-head .logo{padding: 8px 16px 0}
	.page-head .logo img{width: 100px; height: auto}
	.page-head .menu a{white-space: nowrap; font-size: 1.2em}
	.page-head .menu li{padding: 0 6px}
	.page-head .infobar {min-width: 0;}
	.page-head .h1,
	.page-head .h2,
	.page-head .h3,
	.page-head .h4,
	.page-head .h5,
	.page-head .h6{
		font-size: 0.9em;
		margin: 0em 0;
	}
}
@media (max-width: 320px) {
	.page-main{padding-top: 200px}
	a.anchor{top: -200px}
}