* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Comfortaa', cursive;
}
header {
width: 100%;
height:80px;
background: #333;
color: #F0FFF0;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
.contenedor {
width: 98%;
margin: auto;
}
h1 {
float: left;
}
header .contenedor {
display: table;
}
section {
width: 100%;
margin-bottom: 25px;
}
#bienvenida {
text-align: center;
}
footer .contenedor {
display: flex;
flex-wrap: wrap;
padding-bottom: 25px;
}
.copy {
font-size: 20px;
}
.sociales {
width: 100%;
text-align: center;
font-size: 28px;
}
.sociales a {
color: #333;
text-decoration: no;
}
@media (min-width: 1024px) {
.contenedor{
width: 1000px;
}
}
}