.curved{
    width:100%;
    height:450px;
    border-radius: 0;
    flex-direction: column;
}

/*.curved::before{
    content: '';
    border-radius: 10% 50%;
    background-color: white;
    width: 100%;
    height: 143px;
    position: absolute;
    top: -75px;
    left: 0;
}

.curved::after{
    content: '';
    border-radius: 48% 9%;
    background-color: white;
    width: 100%;
    height: 137px;
    position: absolute;
    bottom: -75px;
    left: 0;
}
*/
.top,.bottom{
    position: relative;
}

.top::before,.bottom::before
,.top::after,.bottom::after{
    content: '';
}
.sites-bmg {
    display: inline-block;
}
.max{
    display: flex;
    max-height: 380px;
}

.building-image img{
    height:370px;
    width:520px;
    border-radius:12px;
}

.sites-left{
    left:50px;
    top: -21px;
}

.sites-right{  
    top: 85px;
    left: -29px;

}

.sites-left-big,
.sites-right-big{
    position: absolute;
    top: 101px;
    width: 325px;
    left: 34px;
    height: 325px;
}

.sites-right-big{
    top: -54px;
    left: 170px;
}

.sites-right-small,
.sites-left-small{
    position: absolute;
    top: 45px;
    left: 17px;

}

.max .arrow-button{
    width:47%;
}


.first-site,
.second-site{
    max-width: 35%;
    align-self: center;
}


.first-site{
    margin-top: 120px;
}


.site-button{
    
    padding: 13px;
}

.site-button .inline.arrow{
    
    margin-left: 60px;
}

.second-site{
    margin-left:8%;
    
}

@media screen  and (min-width:1200px){
    .max .arrow-button{
        width:35%;
    }

    .first-site,
    .second-site{
        max-width: 45%;
        align-self: center;
    }

}