body {
    background: #e0e0e0;
    font-family:monospace;
    margin: 0;
    font-family: 'Asap', sans-serif;
  
    }

header {
    width: 100%;
    height: 10%;
    background: #fd6d42;
    /*border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;*/
    margin: 0;
}

h1 {
    color: #ffffff;
    text-align:left;
    padding: 0;
    float:left;
    font-family: 'La Belle Aurore', cursive; 
    margin-left: 1rem;
}

h2 {
    background-color: #ffffff;
    padding: 0.5rem;
    padding-left: 2rem;
    padding-top: 0.5rem;
    text-align: center;
    margin-top: 0;
    font-family: 'Asap', sans-serif;
    
}

.tituloapp{
    background-color: #ffffff;
    padding: 0.5rem;
    padding-left: 0rem;
    padding-top: 2rem;
    margin:auto;
    text-align: center;
}

h3 {
    text-align: center;
    margin:0.5rem;
    
}

p {
    margin-left: 0;
    text-align: center;
}



.maria {
    font-size: 5rem;
    color: #ffffff;
    margin-top: 4rem;
    padding-top: 7rem;
    
}


nav ul {
    list-style-type: none;
    }

nav ul li {
    height: auto;
     margin-top:2rem;
    float:right;
        
   
    
}

nav ul li a {
    color: #fff;
    margin: 1.5rem;
    padding-top: 7rem;
    padding: 0rem;
    background-color: transparent;
    text-decoration: none;
}

li {
    list-style-type: none;
    text-align: center;

    
    
}

ul{
    margin: 0rem;
    padding:0;
    line-height: 2rem;
}

.contenedor {
    max-width: 58rem;
    margin: 0 auto;
}
.subtitulo{
        font-size: 0.6rem; color: #2c48c1;
}

.fondopie{
    padding-left: 10rem;
    padding-right: 10rem;
    font-size:0.7rem;
}

.behance { 
    padding-bottom: 0rem;
}

img{
    display: block;
    margin: auto;   
}


.vacios {
    height: 20px;
}



.clear {
    clear: both;
}


h4 {
    font-size: 1rem;
    background-color:#fd6d42;
    padding-top: 8rem;
    padding-bottom: 8rem;
    padding-left: 20rem;
    padding-right: 20rem;
    border-top-width: thick;
}

hr
{border: 0; height: 0; border-top: 4px double grey; text-align:center;}