@font-face {
	font-family: 'Geographica Hand';
	src: url('fonts/GeographicaHand.woff2') format('woff2'), url('fonts/GeographicaHand.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GeographicaScript2023';
	src: url('fonts/GeographicaScript2023Regular.woff2') format('woff2'), url('fonts/GeographicaScript2023Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html {
	width: 100%;
}

body {
	Font-family: 'Geographica Hand';
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 20px;
	letter-spacing: 0.03rem;
}


.pt{
	display: block;
}
.en{
	display: none;
}


a, a:visited {
	color: #000;
	text-decoration: none;

}


h1, h2{
	font-family: 'GeographicaScript2023';
}

h1 {
    font-size: 4vw;
    width: 100%;
    text-align: center;
    line-height: 0.9;
}

.section-title{
	font-size: 10vh;
}

img {
	display: block;
	width: 100%;
}

section {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}

main {
	width: 100%;
}

.container {
	max-width: 1200px;
	margin: auto;
	width: 100%;
	display: block;
	padding: 6rem 1rem 8rem 1rem;
	box-sizing: border-box;
}


#intro .container {
	padding-top: 0;
}

#title-image{
	max-width: 700px;
	margin: auto;
}

.section-header {
	height: 80vh;
	background-size: cover;
	background-position: center;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: baseline;
	box-sizing: border-box;
	max-width: 960px;
	margin: auto;
	border-radius: 80px;
	min-height: 300px;
	max-height: 420px;
	flex-direction: row;
	flex-wrap: wrap;
	/* border: 1px #01a413 solid; */
	box-shadow: #0000001f 1px 5px 21px;
}



.section-title {
	display: block;
	font-size: 60px;
	margin-top: 590px;
	/* color: #00a311; */
}


@media screen and (max-width: 900px) {
	.section-header {
		height: 30vh;
	}
	.section-title {
    margin-top: 471px;
	}
}



.text-holder{
	padding: 0 60px;
}

@media screen and (max-width: 900px) {
	.text-holder{
		padding: 0 5px;
	}
}


.text {
    max-width: 710px;
    margin: 0 auto;
    flex-grow: unset;
    width: 100%;
}

.text a {
	text-decoration: underline;
}


.text .hotel a {
	text-decoration: none;
}



.nav {
	overflow: hidden;
	display: flex;
	justify-content: center;
	width: 100%;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: white;
	box-shadow: #00000012 0px 14px 15px 0px;
	z-index: 100;
}

.nav a {
	margin: 21px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
}


/*
.nav span{
	display:block;
	text-transform: capitalize;
	font-style: italic;
	opacity: 0.5;
}
*/

.nav #menu-toggle {
	display: none;
}

@media screen and (max-width: 900px) {
	.nav a:not(:first-child) {
		display: none;
	}
	.nav a#menu-toggle {
		float: right;
		display: block;
	}

	.text-holder {
    flex-direction: column;
	}
	.text{
		width:100%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 900px) {
	.nav {
		display: block;
	}
	.nav span{
		display: inline-block
	}

	.nav.nav--open {
		position: sticky;
		osition: -webkit-sticky;
	}
	.nav.nav--open #menu-toggle {
		position: absolute;
		right: 0;
		top: 0;
	}
	.nav.nav--open a {
		float: none;
		display: block;
		text-align: left;
	}
}

.menu-toggle__bar1,
.menu-toggle__bar2,
.menu-toggle__bar3 {
	width: 21px;
	height: 3px;
	background-color: #000000;
	margin: 4px 0;
	transition: 0.3s;
}

.menu-toggle--open .menu-toggle__bar1 {
	transform: translate(0, 7px) rotate(-45deg);
}

.menu-toggle--open .menu-toggle__bar2 {
	opacity: 0;
}

.menu-toggle--open .menu-toggle__bar3 {
	transform: translate(0, -7px) rotate(45deg);
}




.hotel-region:first-child{
	/* border-top: none; */
	/* margin: 0px 0 20px 0; */
}

.hotel-region {
    width: 100%;
    margin: 40px 0 20px 0;
    padding-top: 30px;
    border-top: 1px #ccc solid;
    /* color: green; */
    font-size: 30px;
}



.hotel {
    margin: 50px 0;
}

.hotel a, .link{
    /* text-decoration:underline; */
    border-bottom: 1px green solid;
	display: inline-block;
	color: #686868;
	cursor: pointer;
}

.hotel a:hover, .link:hover{
    border-bottom: 1px black solid;
	display: inline-block;
	color: #000;
}

.hotel-name {
    font-size: 21px;
    text-transform: uppercase;
    width: 100%;
}

.hotel-description {
     margin-bottom: 5px;
}





#lang {
    position: fixed;
    top: 10px;
    right: 10px;
    background: green;
    padding: 3px;
    border-radius: 100px;
    text-align: center;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@media screen and (max-width: 900px) {
	#lang {
		top: auto;
	    bottom: 15px;
	    right: 15px;
		padding: 8px;
	}
}

#lang span{
	color: #fff;
	font-size: 15px;
}




b {
    background: #d0f3d0;
    padding: 0 3px;
    border-radius: 4px;
}



.region-info-text{
  display: none;
}