@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rosario:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,300..700;1,300..700&display=swap');


html,
body {
	margin: 0;
	padding: 0;
	background: #0f3558;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	line-height: 150%;
}

header {
	text-align: center;
	padding: 100px 0 0;
}

header img:not(.logo) {
	margin-top: -50px
}

p {
	font-size: 16px;
	line-height: 150%;
}

h1 {
	text-transform: uppercase;
	padding: 80px 0 0;
	font-size: 25px;
	font-weight: 400;
}

h2 {
	font-size: 63px;
	margin-bottom: 30px;
}

h2, h4 {
	font-style: italic;
	font-family: "Rosario", sans-serif;
	color: #ffd38c;
}

img {
	max-width: 100%;
}

hr{opacity: 0}

.logo {
	max-width: 70%;
	width: 400px;
}

.box {
	padding: 40px;
	background: #13406a;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
}


.margin-80 {
	margin: 80px 0;
}
.margin-top-80 {
	margin: 80px 0 0;
}



#cafe-venice{
	padding: 150px 0;
	background: url('../img/1x/bg-cafe-venice.webp');
	background-size: cover;
	background-attachment: fixed;
}
#cafe-venice img{
	max-width: 70%;
	width: 500px;
	margin: 80px auto 150px;
	display: block;
}


#embalagem{
	padding: 250px 0 150px;
	background: url('../img/1x/bg-embalagem.webp') center;
	background-size: cover;
}
#embalagem .images{
	display: flex;
	align-items: end;
}




footer {padding: 40px 0}