@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 .infobar{display: block; width: 100%; min-width: auto; padding-bottom: 16px}
	.page-head *{margin: 0}
}
@media (max-width: 1000px) {
	.destination-wrap{flex: 1 0 33%; max-width: 33%}
}
@media (max-width: 890px) {
	.destination-wrap{flex: 1 0 50%; max-width: 50%}
}
@media (max-width: 660px) {
	.page-head .menu a{font-size: 1.3em; padding: 3px}
}
@media (max-width: 550px) {
	.page-head .menu li{display: block; padding-top: 0}
	.destination-wrap{flex: 1 0 100%; max-width: 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: 16px; padding-right: 16px}
	.grid .col{padding: 8px}
}