@media screen and (max-width: 1260px) {
    .main-body {
        width: 80%;
    }

    .btn-style {
        width: 70%;
    }

    .bg-img {
        top: 200px;
    }

}

@media screen and (max-width: 900px) {

    .image.one {
        position: absolute;
        top: -70px;
        left: 150px;
    }
    
    .image.two {
        position: absolute;
        top: -60px;
        left: 550px;
    }
    
    .image.three {
        position: absolute;
        top: 140px;
        left: 30px;
    }
    
    .image.four {
        position: absolute;
        top: 250px;
        left: 550px;
    }
    
    .image.five {
        position: absolute;
        top: 400px;
        left: 40px;
    }
    
    .image.six {
        position: absolute;
        top: 540px;
        left: 550px;
    }
    
    .image.seven {
        position: absolute;
        top: 670px;
        left: 30px;
    }
}

@media screen and (max-width: 760px) {

    .logo {
        flex-wrap: wrap;
    }
    
    .image.two {
        position: absolute;
        top: -60px;
        left: 500px;
    }
    
    
    .image.four {
        position: absolute;
        top: 250px;
        left: 500px;
    }
    
    .image.six {
        position: absolute;
        top: 540px;
        left: 500px;
    }
    
}

@media screen and (max-width: 600px) {

    .btn-style {
        width: 90%;
    }
    
    .image.one {
        position: absolute;
        top: -70px;
        left: 50px;
    }
    
    .image.two {
        position: absolute;
        top: -60px;
        left: 300px;
    }
    
    .image.three {
        position: absolute;
        top: 140px;
        left: 0px;
    }
    
    .image.four {
        position: absolute;
        top: 280px;
        left: 300px;
    }
    
    .image.five {
        position: absolute;
        top: 400px;
        left: 0px;
    }
    
    .image.six {
        position: absolute;
        top: 560px;
        left: 350px;
    }
    
    .image.seven {
        position: absolute;
        top: 670px;
        left: 30px;
    }

}

@media screen and (max-width: 430px) {

    h1 {
        font-size: 2rem;
        font-weight: 700;
        margin-top: 1rem;
    }

    .btn-style {
        width: 100%;
    }

    .bg-img {
        top: 50px;
    }
    
    .image.one {
        position: absolute;
        top: -70px;
        left: 0px;
    }
    
    .image.two {
        position: absolute;
        top: -60px;
        left: 220px;
    }
    
    .image.three {
        position: absolute;
        top: 180px;
        left: -30px;
    }
    
    .image.four {
        position: absolute;
        top: 300px;
        left: 220px;
    }
    
    .image.five {
        position: absolute;
        top: 450px;
        left: 0px;
    }
    
    .image.six {
        position: absolute;
        top: 580px;
        left: 250px;
    }
    
    .image.seven {
        position: absolute;
        top: 670px;
        left: -20px;
    }

}