@charset "utf-8";

/* Reglas generales */

* { 
    
}



element.style { display: block ;
    
}



header {    background-color: #e13513;
            background-position: center;
            padding-left: 4em;
          margin-left: -4em;
    padding-top: 1em;
    margin-top: -1.2em;
            padding-bottom: 0em;
            
    
}




header nav ul li {  display: inline-block;
    
}



header nav ul li a {
    color: white;
    font-size: 0.8em;
    text-decoration-line: none;
    
    display: block;
    text-align: center;
    margin: 0.7em 3em 1em 0;    
}

header nav ul li a:hover {  color: white;
                            font-size: 0.9em;
                            font-weight: 600
}






body {  background-color: #161619;
        text-align: left;
        font-family: sans-serif;
        text-transform: none; 
        padding: 0 3em 0 3em;
}



h1, h2, h3 {    color: #e13513;
                font-family: 'Montserrat', sans-serif;
}

p   { font-family: 'Montserrat', sans-serif;
    font-size: 0.8em;

}


ul {    color: white;
        list-style: none;
        margin: 0;
        padding: 0;
}



p { color: white;
    
}



figure {    margin: 0;
            padding: 0;
            max-width: 30em;
}



/* 
    primera parte para el celular
    mobile first
*/



h1 {    font-weight: 550;
        font-size: 2.5em;
        text-transform: capitalize;
        margin-bottom: 0.4em;
}



h2 {    font-weight: 550;
        font-size: 1.5em;
        margin-left: 0;
        margin-top: 1.5em;
        margin-bottom: 0.4em;
}


body div {    margin-top: 2.5em;
                margin-bottom: 2.5em;
    
    
}


footer {    text-decoration-line: none;
            background-color: none;
            display: block;
            text-align: left;  
            background-color: #e13513;
            background-position: center;
            padding-left: 4em;
            margin-left: -4em;
            
            padding-top: 0.5em;
            padding-bottom: 1.5em;
           
            
        
}



footer p {  margin-bottom: 1.5em;
    
        
    
}


footer figure img { 
    
    
}