section.head {
    padding: 40vw 0 0 0;
}

div.top-top {
    width: 72.9vw;
    height: 29.6vw;
    position: absolute;
    top: 5vw;
    left: 13.5vw;
    background: url(../img/male-female/top.png) no-repeat;
    background-size: contain;
}
div.top-top > i {
    width: 12.9vw;
    height: 25.9vw;
    position: absolute;
    top: 3.7vw;
    left: 31.7vw;
    background: url(../img/male-female/top-man.png) no-repeat;
    background-size: contain;
    opacity: 0;
}

div.photo {
    width: 36vw;
    margin: 0 auto;
}

div.mammoth {
    width: 60.3vw;
    height: 26.6vw;
    margin-left: -7vw;
    background: url(../img/male-female/mammoth.png) no-repeat;
    background-size: contain;
    position: relative;
    margin-bottom: 2vw;
}
div.mammoth > i.left {
    width: 16vw;
    height: 11.9vw;
    background: url(../img/male-female/mammoth-left.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 15vw;
    left: -2vw;
}
div.mammoth > i.right {
    width: 6vw;
    height: 17.3vw;
    background: url(../img/male-female/mammoth-right.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 8vw;
    left: 52vw;
}

div.dance {
    width: 58.6vw;
    height: 20.7vw;
    margin-left: -6vw;
    background: url(../img/male-female/dance.png) no-repeat;
    background-size: contain;
    position: relative;
}
div.dance > i.left {
    width: 15.3vw;
    height: 19.6vw;
    background: url(../img/male-female/dance-left.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 1vw;
    left: 4vw;
}
div.dance > i.right {
    width: 8vw;
    height: 18.7vw;
    background: url(../img/male-female/dance-right.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 1.9vw;
    left: 47.5vw;
}

div.legs {
    position: relative;
    height: 0;
}
div.legs > i {
    position: absolute;
    width: 18.6vw;
    height: 16.5vw;
    background: url(../img/male-female/legs.png) no-repeat;
    background-size: contain;
    top: -1vw;
    right: -25vw;
}

div.veins {
    position: relative;
    height: 0;
}
div.veins > i {
    position: absolute;
    width: 17.9vw;
    height: 20.9vw;
    background: url(../img/male-female/veins.png) no-repeat;
    background-size: contain;
    top: -12vw;
    left: -25vw;
}

div.book {
    width: 48.7vw;
    height: 36.1vw;
    margin-left: -2vw;
    background: url(../img/male-female/book.png) no-repeat;
    background-size: contain;
    position: relative;
    margin-bottom: 4vw;
}
div.book > i {
    width: 10.4vw;
    height: 17.8vw;
    background: url(../img/male-female/book-girl.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 16.2vw;
    left: 16.7vw;
}

div.boot1 {
    position: relative;
    height: 0;
}
div.boot1 > i {
    position: absolute;
    width: 15.1vw;
    height: 9vw;
    background: url(../img/male-female/boot-1.png) no-repeat;
    background-size: contain;
    top: 0;
    left: -20vw;
}

div.boot2 {
    position: relative;
    height: 0;
}
div.boot2 > i {
    position: absolute;
    width: 14.8vw;
    height: 12.2vw;
    background: url(../img/male-female/boot-2.png) no-repeat;
    background-size: contain;
    top: 2vw;
    left: -20vw;
}

div.boot3 {
    position: relative;
    height: 0;
}
div.boot3 > i {
    position: absolute;
    width: 14.8vw;
    height: 9.5vw;
    background: url(../img/male-female/boot-3.png) no-repeat;
    background-size: contain;
    top: -14vw;
    right: -20vw;
}

div.boot4 {
    position: relative;
    height: 0;
}
div.boot4 > i {
    position: absolute;
    width: 13vw;
    height: 13vw;
    background: url(../img/male-female/boot-4.png) no-repeat;
    background-size: contain;
    top: -18vw;
    right: -20vw;
}

div.detralex {
    width: 46.4vw;
    height: 48vw;
    margin-left: -2vw;
    background: top url(../img/male-female/detralex.png) no-repeat;
    background-size: contain;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: -5vw;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5vw;
    line-height: 128%;
    text-align: center;
    text-transform: uppercase;
    color: #7A7A7A;
}

@media only screen and (max-width: 480px) {
    section.head {
        padding: 70vw 0 0 0;
    }
    
    div.top-top {
        width: 146vw;
        height: 59vw;
        top: 10vw;
        left: -23vw;
    }
    div.top-top > i {
        width: 26vw;
        height: 52vw;
        top: 7vw;
        left: 63vw;
        opacity: 1;
    }
    
    div.photo {
        width: 72vw;
    }
    
    div.mammoth {
        width: 120vw;
        height: 53vw;
        margin-left: -14vw;
        margin-bottom: 2vw;
    }
    div.mammoth > i.left {
        width: 32vw;
        height: 24vw;
        top: 30vw;
        left: 0;
    }
    div.mammoth > i.right {
        width: 12vw;
        height: 34vw;
        top: 16vw;
        left: 98vw;
    }
    
    div.dance {
        width: 107vw;
        height: 41vw;
        margin-left: -10vw;
    }
    div.dance > i.left {
        width: 30vw;
        height: 39vw;
        top: 1vw;
        left: 8vw;
    }
    div.dance > i.right {
        width: 16vw;
        height: 37vw;
        top: 1vw;
        left: 88vw;
    }
    
    div.legs {
        display: none;
    }
    div.veins {
        display: none;
    }
    
    div.book {
        width: 97vw;
        height: 72vw;
        margin-left: -4vw;
        margin-bottom: 4vw;
    }
    div.book > i {
        width: 21vw;
        height: 36vw;
        top: 31.5vw;
        left: 33vw;
    }
    
    div.boot1 {
        display: none;
    }
    div.boot2 {
        display: none;
    }
    div.boot3 {
        display: none;
    }
    div.boot4 {
        display: none;
    }
    
    div.detralex {
        width: 93vw;
        height: 110vw;
        margin-left: 0;
        margin-top: -5vw;
        font-size: 4.5vw;
    }
}