@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

body {
	font-family: 'Poppins', 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
	color: #666;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
.page-header-wrapper {
	min-height: 50vh;
	background-image: url('/img/landscape_1613.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.page-header-wrapper .page-header,
.page-info-wrapper .page-info {
	padding: 2vw 3vw;
}
.page-header-wrapper .page-header h1 a#site-title {
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}
.page-info-wrapper {
	background-image: url('/img/river-stones.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.page-info-wrapper .page-info {
	color: #fff;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}
.page-info-wrapper .page-info .page-info-heading h2 {
	font-size: 22px;
	margin-bottom: 2vw;
}
.page-info-wrapper .page-info p {
	margin-bottom: 10px;
	font-weight: 300;
	font-size: 16px;
}
.team-info-wrapper {
	padding: 6vw 3vw;
	text-align: center;
	color: #666;
}
.team-info-wrapper .team-info {
	max-width: 333px;
	margin: 0 auto;
}
.team-info-wrapper .team-info img {
	max-width: 100%;
}
.team-info-wrapper .team-info h2 {
	color: #666;
	font-size:20px;
	margin-bottom: 10px;
}
.team-info-wrapper .team-info p a {
	color: #666;
	text-decoration: none;
	font-weight: 300;
	margin-bottom: 10px;
}
.guide-info-wrapper {
	padding: 6vw 2vw;
	text-align: center;
	color: #fff;
	background-image: url('/img/lamdscape_2748.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.guide-info-wrapper .guide-info {
	max-width:800px;
	margin: 0 auto;
}
.guide-info-wrapper .guide-info h2 {
	font-size: 32px;
	margin-bottom: 10px;
}
.guide-info-wrapper .guide-info .guide-info-col h3 {
	font-size: 28px;
	margin-bottom: 10px;
}

.page-footer {
	text-align: center;
	padding: 5px 2vw;
	background: #000000;
	color: #6f6f6f;
	font-size: 11px;
}

@media (min-width: 480px) {

}
@media (min-width: 768px) {
	.guide-info-wrapper .guide-info .guide-info-col {
		width: 49%;
		display: inline-block;
	}
	.page-info-wrapper .page-info .page-info-heading h2 {
		font-size: 32px;
	}
	.page-header-wrapper {
		min-height: 66vh;
	}
}