*{ margin: 0; padding: 0; box-sizing: border-box; }

@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap'){
    
}
body{background:#161616; font-family: "Quicksand", sans-serif ; font-weight: normal; }

h1{font-family:; font-weight: normal;color:#f7f6f2; font-size: 4rem; text-align: right; padding: 5%;}
header {display: flex; background: #161616; align-items: center; text-align:right; justify-content: space-between; background-image: ; background-repeat: no-repeat; background-size: cover; padding: none;}

nav ul { display: flex; width: 100%; background-color:#ceb056; font-size: 1rem; justify-content: center; align-items: center; overflow: hidden; font-family: "Quicksand", sans-serif}

nav ul a{ display: flex; justify-content: space-around; width: 100%; padding: 1%; flex-direction: row; color:#161616; text-decoration: none;  font-size: 1rem; font-family: "Quicksand", sans-serif }

ul a:hover {  background-color: #161616; color: #ceb056;}

section { display: flex; width: 100%; flex-direction: row; padding: 5%; justify-content: center; align-items: center; background-color: #161616; color: #f7f6f2; font-size: 1rem; letter-spacing: 1.3px; line-height: 1.7;}

section img { display: block; width: 50%; width: 50%}

.texto {display: flex; flex-direction: column; align-items: left; background-color: #161616; color: #f7f6f2; font-size: 1rem; letter-spacing: 1.3px; line-height: 1.7; }

h2{ color: #f7f6f2; font-size: 1.5rem; justify-content: center; font-family: "Quicksand", sans-serif;}

section article ul li{font-family: "Quicksand", sans-serif;}

footer {display: flex; background-color: #161616; font-size: 0.7rem; color:#ceb056; text-align: center; margin: none; padding: 3%}

/* Responsive */
@media and (min-width: 48rem){
   

    
}