body{
margin:0;
font-family:'Inter', sans-serif;
color:#111;
}

header{
display:flex;
justify-content:space-between;
padding:20px 8%;
border-bottom:1px solid #eee;
}

nav a{
margin-left:20px;
text-decoration:none;
color:#111;
}

.logo{
font-family:'Playfair Display', serif;
font-size:22px;
}

.hero{
padding:120px 8%;
background:#f6f6f6;
}

.hero h1{
font-family:'Playfair Display', serif;
font-size:52px;
}

.btn{
background:#111;
color:white;
padding:12px 28px;
text-decoration:none;
display:inline-block;
margin-top:20px;
}

section{
padding:80px 8%;
}

footer{
background:#111;
color:white;
text-align:center;
padding:40px;
}

/* RESPONSIVO */

@media (max-width:900px){

header{
flex-direction:column;
}

nav a{
display:block;
margin:8px 0;
}

.hero h1{
font-size:34px;
}

}