* p {font-size: 12pt;
    font-weight: 100;
    font-family: 'Arimo', sans-serif;
    }

#intro {
    margin-top: 1vh;
    margin-right: 20%;
    margin-left: 20%;
}

#intro h2 {
    margin-top: 15vh;
    
}

main a {
    color: #8AC3DF;
    text-decoration:none;
    text-transform: capitalize;
    font-weight: 700;
    font-family: 'Arimo', sans-serif;
    
}

header {
    width:100%;
    height: 53vh;
    background:#FFE1DF;
margin-top: none}

header li a {
    font-size: 9pt;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: black;
    text-align: center;
    
    display: block;
    padding: 0%;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    
    
    
    
    
    
}

header ul {
    font-weight: 700;
    font-family: 'Arimo', sans-serif;
    color: black;
    text-decoration: none;
    list-style-type: none;
    
    display: flex;
    box-sizing: border-box;
    width: 100%;
    margin: auto;
    padding: 3%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    
    
    }




img {
    max-width: 300px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25vh;
    border-color : none;
    border-width: thick;
}

h1 {font-size: 21pt;
    font-weight: 700;
    font-family: 'Arimo', sans-serif;
    text-align: left;
    
    margin-top: 20vh;
    margin-right: 20%;
    margin-left: 20%;
}

h2 { font-size: 15pt;
    font-weight: 700;
    font-family: 'Arimo', sans-serif;
    text-align: left;
    
}

h3 { font-size: 8pt;
    font-weight: 700;
    font-family: 'Arimo', sans-serif;
    text-align: center;

    
}

#materias {
    margin-top: 20vh;
    
}




#materias h2 {
    margin: auto;
    text-align: center;

    font-size: 10pt;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    
    
}

#materias ul {
    margin-left: -14%;
    margin-right: -1%;
    font-weight: 700;
    font-family: 'Arimo', sans-serif;
    list-style-type: none;
    text-transform: uppercase;
    
    display: flex;
    flex-wrap: wrap;
    flex-basis: auto;
    flex-direction: row;
    align-content: center;
    justify-content:flex-end
}

#materias ul li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    height: 25%vh;
    width: 25%;
    align-content: center;
    align-items: center;
    
}


#materia1 {
    
    background-color: #FF886C;
}
#materia2 {
    
    background-color: #65CEC3;
}
#materia3 {
    
    background-color: #8BC4E0;
}
#materia4 {
    
    background-color: #CAEBF4;
}
#materia5 {
    
    background-color: #EDBBB7;
}
#materia6 {
    
    background-color: #F7EEA1;
}
#materia7 {
    
    background-color: #FDE2E0;
}
#materia8 {
    
    background-color: #FFD561;
}

#materias ul li h3 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    color: white;
}

#materias ul li h4 {
    font-size: 8pt;
    font-weight: 700;
    color: #686868;
    font-family: 'Arimo', sans-serif;
    text-align: center;
    
    width: 100%;
    margin-right: auto;
    margin-left: auto;

    
}


#portfolio  {
    margin-top: 20vh;
   
    margin-left: 20%;
    margin-right: 20%;
    
}

#portfolio div {
    
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    
    
    
    
}
#behance {
  display: block;
    padding: 3vh;
    text-align: center;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    
}

#propuestas {
    margin-top: 6%;
    display: block;
    padding: 2vh;
    text-align: center;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
    
    
    
    
}


footer {
    display: inline-block;
    margin-top: 18vh;
    padding-top: 5%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 5%;
    background-color: #FF886C;
}
footer p {font-size: 8pt;
    font-weight: 100;
    font-family: 'Arimo', sans-serif;
    color: white;

    
}

footer img {
    height: 8vh;
    width: auto;
    margin-top: 5%;
    margin-bottom: 7%;
    
    
}