/* general */

@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);


/* Reglas generales */

*{
    font-family: 'Open Sans', sans-serif;
    margin:auto;
    padding:0;
        
    }

header{    background-color: #cc9996;}
h1,h2,h3{
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

nav ul, #maciel ul{
    margin:auto;
display: flex;
      justify-content: center;
    flex-wrap: wrap;
    background-color: #cc9996;
}

.button{
    text-align: center;
    text-decoration: none;
    list-style: none;
            min-width:120px;
    font-size:  1.5rem;
            padding:5px;
    padding-top:0;
            margin: 10px;
    background-color: #cc9996;
           border-radius: 2px;
        }

.button a{
    font-size: 2rem;
    text-decoration: none;
    color:  #fff;
    font-family: 'Raleway', sans serif;
    font-size: 1rem;
}


.contenedora{
    max-width:65rem;
    padding: 2rem 0;
}

           

#personal>img{

               padding-right:30px;
           };



body{
    color:  #cc9996;

}

h1,h3{
    
    background-color:  #cc9996;
    color: #fff;
    margin:0;
    padding: 1rem;
}

.center{
margin:auto;
}

.image_big{margin-top:1.5rem;}

nav, #maciel{
    background: rgba(180, 153, 150, 0.1);
    
}

#maciel{
    text-align: center;
}

h4, #maciel p{ 
    padding:2rem 0;
    color: #cc9996;
}

#personal h4{
text-align:center;
}

#maciel h4{
font-size: 1.5rem;
}

#maciel ul{
    text-align: center;
}




footer{
    
    color: dimgrey;
    font-size: small;
}

/* mobile */

.container, footer{
    padding:3rem;
}


/* big screens*/

img{
    width:100%;
    max-width: 500px;
margin:auto;
    display: block;
}

.fliesstext{max-width:800px}