@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v13/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html,
body {
    margin: 0;
    padding: 0;
	width: 100%;
	font-family:'Montserrat',sans-serif;font-weight:500
}
* {
    box-sizing: border-box
}
.flex-row-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}
nav {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	padding: 1rem;
	user-select: none;
	transition: padding 0.3s ease, background-color 0.3s linear;
	background-color: rgba(14, 11, 11, 0.8)
}
nav.top {
	background: none
}
nav.top .brand img {
	height: 5rem
}
nav.top .in {
	background-color: rgba(14, 11, 11, 0.8)
}
nav .brand {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}
nav .brand img {
	height: 3rem;
	transition: height 0.3s ease
}
nav .brand span {
	color: #fff;
	font-weight: 700
}
nav .brand .toggle {
	z-index: 11;
	color: #fff;
	cursor: pointer
}
nav .collapse {
	height: 0;
	transition: height 0.4s ease;
	overflow-y: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start
}
input#toggler {
	display: none;
}
input#toggler:checked ~ .collapse {
	height: auto;
}
nav .collapse.in {
	height: auto
}
nav .collapse a {
	padding: 1rem;
	position: relative;
	color: #fff;
	text-decoration: none;
	font-weight: 600
}
nav .collapse a::after {
	content: '';
	background-color: #8B4513;
	position: absolute;
	top: 2.5rem;
	left: 50%;
	right: 50%;
	height: 2px;
	transition: all 0.2s ease
}
nav .collapse a:hover::after {
	left: 0;
	right: 0
}
.scroll {
	width: 100%;
	height: 0;
	text-align: center;
	transition: opacity 0.3s linear;
	opacity: 0
}
.scroll svg {
	animation: scrollicon 1.5s ease infinite
}
.scroll.top {
	opacity: 1
}
@keyframes scrollicon {
	0%, 100% {
		transform: translateY(-15px)
	}
	50% {
		transform: translateY(-45px)
	}
}
@media (min-width: 768px) {
	nav {
		padding: 1rem 4rem;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between
	}
	nav.top {
		padding: 3rem 4rem
	}
	nav .brand img {
		margin-right: 1rem
	}
	nav .brand .toggle {
		display: none
	}
	nav .collapse {
		flex-direction: row;
		height: auto
	}
	nav .collapse a {
		padding: 0.5rem;
	}
	nav .collapse a::after {
		top: 2rem;
	}
}
header {
	width: 100%;
	height: 90vh;
	padding: 9vh 0;
	color: #fff;
	position: relative;
	z-index: 0;
    background: right / cover no-repeat url('./header.jpg');
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 85% 95%, 50% 90%, 15% 95%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 85% 95%, 50% 90%, 15% 95%, 0 100%);
	display: flex;
	flex-direction: column
}
header .text-slides {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 1rem
}
header .text-slides .text-slide {
	text-align: center
}
header .text-slides .text-slide .main {
	font-size: 2rem;
	font-weight: 700
}
header .text-slides .text-slide .sub {
	font-size: 1.3rem;
	font-weight: 600;
	color: #8B4513
}
@media (min-width: 768px) {
	header .text-slides .text-slide .main {
		font-size: 4.375rem
	}
	header .text-slides .text-slide .sub {
		font-size: 2.625rem
	}
}
.boxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.box {
	flex-grow: 1;
    text-align: center;
    padding: 3rem 2rem;
    background-color: #FFF8DC;
    margin: 1rem;
    font-size: 1rem;
    transition: all ease-out 0.1s;
    border: .1rem solid transparent;
}
.box h2 {
	display: inline;
	font-size: 1.2rem;
}
.box p {
	text-align: center;
}
@media(min-width: 1280px) {
	.box {
		max-width: calc(33% - 2rem);
	}
	.box p {
		text-align: justify;
	}
}
.gallery {
    height: auto;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1em 0;
}
.gallery .square {
    max-width: calc(90vw/2 - 1em);
    max-height: calc(90vw/2 - 1em);
    width: 10em;
    height: 10em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    margin: .25em;
}
.gallery .square a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-top: 4em;
    background-color: rgba(139,69,19,0.7);
    transition: all .2s linear;
    opacity: 0;
}
.gallery .square:hover a, .gallery .square a:focus {
    opacity: 1;
}
section,
footer {
	padding: 5rem 1rem 0
}
section h1,
footer h1 {
	font-size: 2.5rem;
	font-weight: 600;
	color: #8B4513;
	text-align: center;
	position: relative;
	margin: 0 auto 5rem
}
section h1::after,
footer h1::after {
	content: '';
	position: absolute;
	top: 4rem;
	left: calc(50% - 5rem);
	width: 10rem;
	height: 4px;
	border-radius: 10px;
	background-color: #FFF8DC
}
section > h2 {
	text-align: center;
	margin: 1rem 0 0;
}
section p,
footer p {
	color: #0e0b0b;
	text-align: justify
}
@media (min-width: 768px) {
	section,
	footer {
		padding: 8rem 4rem 0
	}
}
footer  {
	text-align: center;
}
footer .footer {
	margin: 0 -1rem;
	width: calc(100% + 2rem);
	background-color: #FFF8DC;
	padding: 3rem 0;
	text-align: center
}
@media (min-width: 768px) {
	footer {
		max-height: 100vh
	}
	footer .footer {
		margin: 0 -4rem;
		width: calc(100% + 8rem)
	}
}
.contacts p {
    text-align: center;
    font-size: 1.2rem;
}

.contacts {
    padding-bottom: 4rem;
}
ul {
	display: flex;
	flex-direction: column;
}
li {
	display: inline-block;
	width: auto;
}