body, html, header {
    height: auto;
}
#contenido {
    padding-top: 150px;
}
.burger span {
	background: #000;
}
.burger:before {
    color: #000;
}
.burger-click span{
	background: #fff;
}
#contenido h1{
   text-align:center;
   border-bottom:1px solid #555;
   text-transform:uppercase;
   font-size: 2.5rem;
   margin-bottom: 50px;
}
#contenido h2 {
    padding: 10px;
    margin: 0 auto;
    max-width: 800px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 400;
}
@media screen and (min-width:630px) {

#contenido section figure {
    max-width: 500px;
    float: none;
    margin:20px auto 60px;
    display: block;
}

}
@media screen and (min-width:700px) {
#contenido h1{
   font-size: 4rem;
}
#contenido h2 {
    padding: 10px 10%;
}


}
@media screen and (min-width:850px) {

#contenido section p {
    padding: 10px 10%;
    margin: 0 auto;
    max-width: 800px;
    box-sizing: border-box;
}
#contenido section .titular {
    width: 500px;
}

}