body{
    font-family: 'Broaek', sans-serif;
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.box-images{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4%;
}

.image-height-80{
    height: 80vh;
}

.image-height-100{
    height: 100vh;
}

.image-height-50{
    height: 100vh;
}

.image-height-40{
    height: 80vh;
}

.whatsapp-image2{
    width: 30%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1200px){
    .image-height-80{
        height: 50vh;
    }
    .box-images{
        width: 100%;
    }
    .image-height-40{
        height: 40vh;
    }
    .image-height-100{
        height: 50vh;
    }
    
}

@media screen and (max-width: 500px){
    .whatsapp-image{
        width: 90%;
        margin-bottom: 5%;
        text-align: center;
    }

    .whatsapp-image2{
        width: 50%;
        text-align: center;
    }
}

@media screen and (max-width: 300px){
    .whatsapp-image{
        width: 0%;
        margin-bottom: 5%;
        text-align: center;
    }

    .whatsapp-image2{
        width: 50%;
        text-align: center;
    }
}