html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-size: 16px;
}

a {
	cursor: pointer;
	text-decoration: none;
}

/* ------ Media ------ */
img {
	pointer-events: none !important;
	display: block;
	max-width: 100%;
	height: auto;
}
/* ------------ Animations ----------- */
.slide {
	-webkit-animation:slide .8s cubic-bezier(0.2, 0.6, 0.2, 1);
	-moz-animation:slide .8s cubic-bezier(0.2, 0.6, 0.2, 1);
	animation:slide .8s cubic-bezier(0.2, 0.6, 0.2, 1);
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
}
/* ------ Delays ------ */
.delay01 { -webkit-animation-delay: .2s; animation-delay: .2s;}
.delay02 { -webkit-animation-delay: .4s; animation-delay: .4s;}
.delay03 { -webkit-animation-delay: .6s; animation-delay: .6s;}
.delay03 { -webkit-animation-delay: .8s; animation-delay: .8s;}

@-webkit-keyframes slide {
	0% {
    opacity: 0;
    -webkit-transform: translateY(10vh);
  }
	100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }	
}

@keyframes slide {
	0% {
    opacity: 0;
    -webkit-transform: translateY(10vh);
  }
	100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }	
}

.content {
	max-width: 1240px;
	margin: 0 auto;
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.logo {
	display: block;
	display: block;
	margin: 0 auto;
}

.hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 600px;
	margin-bottom: 112px;
}

.hero h1 {
	margin: 72px 0 48px 0;
}


h1 {
	text-align: center;
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 500;
	font-size: 56px;
	line-height: 120%;
	letter-spacing: -0.03em;
	color: #2B1505;

}

.ig-button {
	display: inline-flex;
	align-items: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-family: 'Lato';
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	background: #6F3766;
	transition: all 1s cubic-bezier(0.2, 0.6, 0.2, 1);
	cursor: pointer;
	padding: 20px 32px;
	text-align: center;
	border: none;
}

.ig-icon {
	margin-right: 12px;
}

.ig-button:hover {
	transform: scale(1.05);
	background: #590A4D;
	transition: all .4s cubic-bezier(0.2, 0.6, 0.2, 1);

}

.cover-mobile {
	display: none;
}

.about {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 600px;
	margin: 200px 0;
}

.about p {
	margin: 48px 0;
}

p {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	color: #2B1505;
}

footer {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #766E68;
}


@media screen and (max-width: 767px) {	
	.logo {
		width: 120px;
	}
	h1 {
		font-size: 32px;
		line-height: 140%;
	}	
	.ig-button {
		font-size: 14px;
		line-height: 2px;
		padding: 16px 24px;
	}	
	.ig-icon {
		width: 16px;
	}
	.cover {
		display: none;
	}
	.cover-mobile {
		display: block;
		width: 100%;
		object-fit: cover;
		height: auto;
	}
	.about {
		margin: 120px 0;
	}
	.about p {
		margin: 40px 0;
	}
}