@import url('https://fonts.googleapis.com/css?family=Muli');

* {
    padding: 0;
    margin: 0;
    font-family: 'Muli', sans-serif;
}

body {
    width: 100%;
    background: fixed;
    background-image: url(../img/fortalecimiento-human-design.jpg);
    background-size: 100%;
}

#cabezote {
    margin-top: 150px;
    margin-bottom: 150px;
    padding-top: 20px; 
    padding-bottom: 50px;
    background-image: url(../img/fondo-01.png);
}

#headf {
   display: flex;
    width: 100%;
}

#label {
    width: 10%;
    background-color: #662D91; 
    margin-right: 5px;
}

#subheadf {
    display: flex;
    margin-top: 10px;
}

#flecha {
    width: 10%;
    text-align: right;
}

#flecha img {
    height: 35px;
    width: 35px;
}

#subheadf p {
    margin-left: 5px;
    margin-right: 5px;
}

#menuf ul {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 50px;
    list-style: none;
}

#menuf a {
    background-color: #99CA50;
    color: #fff;
    padding: 5px;
    width: 15%;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}

#menuf a:hover {
    background-color: #73933b;
}

.contenedor {
   display: flex; 
    width: 100%;
    align-items: center;
}

.parrafo {
    width: 60%;
}

.imgcont {
    width: 40%;
}

#contenedor2 .imgcont {
    text-align: right
}

#contenedor4 .imgcont {
    text-align: right
}

.imgcont img {
    width: 400px;
}

.parrafo {
    margin-right: 50px;
    margin-left: 50px;
}

.parrafo p {
    font-size: 13px;
}

.parrafo li {
    font-size: 13px;
    margin-top: 5px;
}

.contenedor h2{
    margin: 10px;
    display: flex;
    align-items: center
}

.contenedor h2 img {
    width: 40px;
    margin-right: 5px;
}

#contenedor5 {

}