@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/eleva_human_design.jpg);
    background-size: 100%;  
}

.body {
    display: flex;
    width: 100%;
    height: 700px;
    align-items: center;
    padding: 150px 0px;
}

.principal {
    display: flex;
    align-items: center;
    background-image: url(../img/fondo-01.png);
    width: 100%;
}

#parrafo {
    width: 40%;
    margin-top: 20px;
}

#dibujo {
    width: 60%;
    height: 600px;
    margin-top: 40px;
    text-align: center;
    /**background-image: url(../img/eleva-imagen.png);**/
    background-repeat: no-repeat;
}

h1 {
    color: #662D90;
    margin: 10px 0px 0px 70px;
}

#cuerpoeleva {
    display: flex;
    margin-left: 50px;
}

#vertical {
    padding-left: 20px;
    z-index: 2;
}

#infoeleva {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    justify-content: space-around;
}

#infoeleva p {
    background-color: #fff;
    width: 50%;
    height: 50px;
    text-align: center;
    padding: 20px 20px 20px 50px;
    font-size: 12px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    z-index: 1;
}

#p1 {
    transform: translate(-50px, 10px);
}

#p2 {
    transform: translate(-50px)
}

#p3 {
    transform: translate(-50px, -20px)
}

#p4 {
    transform: translate(-50px, -35px)
}

#superior {
    display: flex;
}

#medio {
    display: flex;
}

#inferior {
    display: flex;
}

#img1 {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}

#img2 {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}

#img3 {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}

#img3 {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}

#img5 {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}

#img6 {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}

#img7 {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}

#img8 {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}

#imgcentral {
    font-size: 12px;
    width: 10%;
    margin: 20px;
}