section.head {
    background: url(../img/under-pressure/top.png) no-repeat;
    background-position: 18vw 18vw;
    background-size: 64.3vw 41.3vw;
    padding-bottom: 40vw;
}

div.girl {
    margin: 2vw 0 2vw 9.5vw;
    width: 33.4vw;
    height: 29vw;
    background: url(../img/under-pressure/girl-1.png) no-repeat;
    background-size: contain;
    position: relative;
}
div.girl > i.thought-1 {
    width: 15.4vw;
    height: 12.5vw;
    background: url(../img/under-pressure/girl-1-1.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -14vw;
    top: 12vw;
}
div.girl > i.thought-2 {
    width: 12.9vw;
    height: 10.3vw;
    background: url(../img/under-pressure/girl-1-2.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -9.5vw;
    top: 0vw;
}
div.girl > i.thought-3 {
    width: 14.1vw;
    height: 12.2vw;
    background: url(../img/under-pressure/girl-1-3.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 19.5vw;
    top: 2.5vw;
}

div.man {
    width: 50.4vw;
    height: 27.4vw;
    background: url(../img/under-pressure/man-1.png) no-repeat;
    background-size: contain;
    position: relative;
    margin-top: 6vw;
}
div.man > i.ray-1 {
    width: 10vw;
    height: 6.1vw;
    background: url(../img/under-pressure/man-1-1.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -0.5vw;
    top: 6vw;
}
div.man > i.ray-2 {
    width: 3.2vw;
    height: 3.1vw;
    background: url(../img/under-pressure/man-1-2.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 7vw;
    top: 1vw;
}
div.man > i.ray-3 {
    width: 5vw;
    height: 7.9vw;
    background: url(../img/under-pressure/man-1-3.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 12.7vw;
    top: -2.8vw;
}
div.man > i.ray-4 {
    width: 5.5vw;
    height: 2.4vw;
    background: url(../img/under-pressure/man-1-4.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 16.7vw;
    top: 4.1vw;
}
div.man > i.ray-5 {
    width: 7.7vw;
    height: 3.8vw;
    background: url(../img/under-pressure/man-1-5.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 16.8vw;
    top: 7.4vw;
}

div.masks {
    position: relative;
}
div.masks > i {
    display: block;
    width: 19.1vw;
    height: 19.1vw;
    background: url(../img/under-pressure/masks.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -7vw;
    left: 52vw;
    content: "";
}

div.brain {
    width: 21vw;
    height: 22.1vw;
    background: url(../img/under-pressure/brain.png) no-repeat;
    background-size: contain;
    position: relative;
    margin-top: 4vw;
    margin-left: 13vw;
}
div.brain > i.left {
    width: 7.7vw;
    height: 10.5vw;
    background: url(../img/under-pressure/brain-left.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -5.5vw;
    top: 1vw;
}
div.brain > i.right {
    width: 7.9vw;
    height: 10.5vw;
    background: url(../img/under-pressure/brain-right.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 19vw;
    top: 1vw;
}

div.arrows {
    width: 43.9vw;
    height: 28vw;
    background: url(../img/under-pressure/arrows.png) no-repeat;
    background-size: contain;
    position: relative;
    margin: 4vw auto;
}

div.chairs {
    width: 55vw;
    height: 27.1vw;
    background: url(../img/under-pressure/chairs.png) no-repeat;
    background-size: contain;
    position: relative;
    margin: 4vw 0 2vw -4vw;
}

div.sport {
    width: 42vw;
    height: 31.9vw;
    background: url(../img/under-pressure/sport.png) no-repeat;
    background-size: contain;
    position: relative;
    margin: 4vw auto;
}
div.sport > i.girl {
    width: 17.7vw;
    height: 21vw;
    background: url(../img/under-pressure/sport-girl.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 3vw;
    top: 9vw;
}
div.detralex {
    width: 46.5vw;
    height: 34.5vw;
    background: url(../img/under-pressure/detralex.png) no-repeat;
    background-size: contain;
    position: relative;
    margin: 4vw auto;
}


@media only screen and (max-width: 480px) {
    section.head {
        padding-bottom: 53vw;
        background-position-x: 6vw;
        background-position-y: 66vw;
        background-size: 86vw 52vw;
    }
    div.girl {
        margin: 2vw 0 2vw 26vw;
        width: 66.8vw;
        height: 58vw;
    }
    div.girl > i.thought-1 {
        width: 30.8vw;
        height: 25vw;
        left: -28vw;
        top: 24vw;
    }
    div.girl > i.thought-2 {
        width: 25.8vw;
        height: 20.6vw;
        left: -19vw;
        top: 0vw;
    }
    div.girl > i.thought-3 {
        width: 28.2vw;
        height: 24.4vw;
        left: 39vw;
        top: 5vw;
    }
    
    div.man {
        width: 100vw;
        height: 54vw;
        margin-top: 12vw;
        margin-left: -4vw;
    }
    div.man > i.ray-1 {
        width: 20vw;
        height: 12.2vw;
        left: -1vw;
        top: 12vw;
    }
    div.man > i.ray-2 {
        width: 6.4vw;
        height: 6.2vw;
        left: 14vw;
        top: 2vw;
    }
    div.man > i.ray-3 {
        width: 10vw;
        height: 15.8vw;
        left: 25.4vw;
        top: -5.6vw;
    }
    div.man > i.ray-4 {
        width: 11vw;
        height: 4.8vw;
        left: 33.4vw;
        top: 8.2vw;
    }
    div.man > i.ray-5 {
        width: 15.4vw;
        height: 7.6vw;
        left: 33.6vw;
        top: 14.8vw;
    }
    
    div.masks {
        position: relative;
    }
    div.masks > i {
        width: 40vw;
        height: 40vw;
        top: unset;
        left: unset;
        position: static;
        margin: 0 auto;
    }
    
    div.brain {
        width: 42vw;
        height: 44.2vw;
        margin-top: 8vw;
        margin-left: 26vw;
    }
    div.brain > i.left {
        width: 15.4vw;
        height: 21vw;
        left: -11vw;
        top: 2vw;
    }
    div.brain > i.right {
        width: 15.8vw;
        height: 21vw;
        left: 38vw;
        top: 2vw;
    }
    
    div.arrows {
        width: 88vw;
        height: 56vw;
        margin: 8vw auto;
    }
    
    div.chairs {
        width: 96vw;
        height: 50vw;
        margin: 8vw 0 4vw -4vw;
    }
    
    div.sport {
        width: 84vw;
        height: 64vw;
        margin: 8vw auto;
    }
    div.sport > i.girl {
        width: 35.4vw;
        height: 42vw;
        left: 6vw;
        top: 18vw;
    }
    div.detralex {
        width: 93vw;
        height: 69vw;
        margin: 6vw auto;
    }
  
}