section.infoBlock4 {

    width: 100% !important;

}

.block.infoBlock4 .container {

    padding:5vw 0;

}

.block.infoBlock4 .content {

    position:relative;
    width:75%;
    height:40vw;
    margin:0 auto;

}

.block.infoBlock4 .title {

    width:50%;
    position: absolute;
    top:0;
    left:3vw;

}

.block.infoBlock4 .title h1 {

    font-family: "Singolare", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2.75vw;
    letter-spacing: 0.025em;
    line-height: 3vw;

}

.block.infoBlock4 .image.image1,
.block.infoBlock4 .image.image2 {

    width:23vw;
    height:17vw;
    position: absolute;

}

.block.infoBlock4 .image.image1 {

    bottom:0;
    left:0;

}

.block.infoBlock4 .image.image2 {

    bottom:8vw;
    left:15vw;

}

.block.infoBlock4 .image.image3 {

    top:2vw;
    left:43vw;
    width:30vw;
    height:20vw;
    position: absolute;

}

.block.infoBlock4 .text {

    top:24vw;
    left:43vw;
    width:32vw;
    height:auto;
    position: absolute;

}


/* mobile */


section.infoBlock4.breakPointMobile .container {

    padding:5vw 0;

}

section.infoBlock4.breakPointMobile .content {

    width:100%;
    height:auto;

}

section.infoBlock4.breakPointMobile .title {

    position: relative;
    left: 5vw;
    width: 90vw;
    top:0;
    padding-bottom: 5vw;
  
}

section.infoBlock4.breakPointMobile .title h1 {

    font-size: 6vw;
    line-height: 8vw;

}

section.infoBlock4.breakPointMobile .image.image1,
section.infoBlock4.breakPointMobile .image.image2,
section.infoBlock4.breakPointMobile .image.image3 {

    width:90vw;
    height:60vw;
    position: relative;
    top:0;
    left:5vw;
    padding-bottom: 5vw;

}


section.infoBlock4.breakPointMobile .text {

    position: relative;
    width:90vw;
    height:auto;
    top:0;
    left:5vw;

}