@media screen and (max-width: 1850px){
    body > header > .home-menu ul{display:flex;align-items: center;justify-content: center;gap:2rem;padding-right:2rem;}
    body > header > .home-menu ul > li{text-align:center;padding:0;}
    body.home > header > .home-menu ul{display:list-item;padding-right:0;}
    body.home > header > .home-menu ul > li{text-align:left;}
}
@media screen and (max-width: 1650px){
    body > main{width:120rem;}
    body.home > header > .home-menu ul > li{font-size:5rem;}
    section#advantages > .grid > .item{background-size:110%;}
    section#advantages > .grid > .item{height:50rem;}
    section#advantages > .grid > .item > .caption{font-size:2rem;}
}

@media screen and (max-width: 1400px){
    body > header{grid-template-columns: 42rem 1fr;}
    body > header > .site-title a img{width:90%;}
    body > header > .home-menu ul > li{font-size:2.2rem;}
    
    body.home > header{display:block;}
    body.home > header > .site-title:before{
        background-size:100%;
        width: 124px;
        height: 151px;
        top: -7.5rem;
        left: -6rem;
    }
    body.home > header > .site-title{top:8rem;}
    body.home > header > .site-title a img{width:auto;}
    body.home > header > .home-menu{top:24rem;}
    body.home > header > .home-menu ul > li{font-size:2.2rem;}
    section#advantages > .grid > .item{height:35rem;}
    section#advantages > .grid > .item > .caption{font-size:1.8rem;}
    
}

@media screen and (max-width: 1250px){
    body > main{width:100rem;}
    body > header{grid-template-columns: 32rem 1fr;}
    body > header > .contacts{display:flex;gap:2rem;align-items: center;justify-content: center;font-size:1.8rem;padding:1rem 0;}
    body > header > .contacts > .contact{margin:0;padding:1rem 1.5rem;}
    body > header > .home-menu ul > li{font-size:2rem;}
    section#advantages > .grid > .item > .caption{font-size:1.45rem;}  
    
    
}

@media screen and (max-width: 1100px){
    body > header{display:block;height:auto;}
    body > header > .site-title{border-radius: 0;text-align:center;padding:2rem 2rem 0;margin-bottom:2rem;}
    body > header > .home-menu{margin-bottom:2rem;}
    body > header > .site-title:before{content:none;}
    body > header > .site-title a img{max-width:40rem;}
    body > main{width:auto;padding:0 2rem;}
    
    body.home > header > .home-menu ul > li{font-size:4rem;}
    body.home > header > .site-title:before{
        width: 104px;
        height: 130px;
        top: -6rem;
        left: -5rem;
    }
    body > header > .site-title a img{width:80%;}
    body.home > header > .contacts{font-size:2.4rem;}
    .grid.grid-5{grid-template-columns: repeat(6,1fr);}
    section#advantages > .grid > .item{background-size:100%;}
    section#advantages > .grid > .item.item-1, section#portfolio > .grid > .item-4{grid-column:1/4;background-position:bottom;}
    section#advantages > .grid > .item.item-2, section#portfolio > .grid > .item-5{grid-column:4/7;}
    section#advantages > .grid > .item.item-3, section#portfolio > .grid > .item-1{grid-column:1/3;}
    section#advantages > .grid > .item.item-4, section#portfolio > .grid > .item-2{grid-column:3/5;}
    section#advantages > .grid > .item.item-5, section#portfolio > .grid > .item-3{grid-column:5/7;}
    section#portfolio > .grid > .item > .img{width:25rem !important;height:25rem !important;float:none !important;margin:0 auto;margin-top:0 !important;}
    section#portfolio > .grid > .item.item-2 > .img{margin-top:10rem !important;}
    section#portfolio > .grid > .item.item-4 > .img, section#portfolio > .grid > .item.item-5 > .img{margin-top:-10rem !important;}
    .btn{font-size:2.6rem;width:25rem;}
    section#map:before{background-size: auto 100%;height:3rem;margin-top: -1.5rem;}
}

@media screen and (max-width: 900px){
    h2{font-size:3rem;}
    body > header > .home-menu ul{display:block;}
    body > header > .home-menu ul > li{display:block;font-size:2.5rem;}
    body > header > .home-menu ul > li a{padding:1rem 0;}
    body.home > header > .home-menu{top:21rem;}
    body.home > header > .contacts{font-size:2rem;}
    body.home > header > .home-menu{left:11rem;}
    section#portfolio > .grid > .item > .img{width:20rem !important;height:20rem !important;}
    section#portfolio > .grid > .item.item-2 > .img{margin-top:5rem !important;}
    section#portfolio > .grid > .item.item-4 > .img, section#portfolio > .grid > .item.item-5 > .img{margin-top:-5rem !important;}
    .btn{font-size:2.2rem;width:22rem;}    
}

@media screen and (max-width: 700px){
    h2{font-size:3.5rem;}
    section{padding:2rem 0;}
    body > header > .contacts{display:grid;grid-gap:0.5rem;}
    body > header > .contacts > .contact{display:block;}
    body.home > header > .site-title a img{width:80%;}
    body.home > header > .site-title:before{content:none;}
    body.home > header > .site-title{text-align:center;top:2rem;left:0;width:auto;display:block;position:relative;}
    body.home > header{height:auto;}
    body.home > header > .home-menu{position:relative;left:0;top:0;padding:4rem 0;text-align:center;}
    body.home > header > .home-menu ul > li a{border:none;}
    body.home > header > .contacts{position:relative;height:9rem;line-height:1.5;}
    body.home > header > .contacts > .contact{display:block;margin:0;}
    body.home > header:after{bottom:9rem;}
    .grid.grid-5{grid-template-columns: repeat(1,1fr);}   
    section#advantages > .grid > .item{grid-column:1/2 !important;}
    section#advantages > .grid > .item{height:15rem;}
    section#portfolio > .grid{display:block;}
    section#portfolio > .grid > .item{display:none;}
    section#portfolio > .grid > .item.item-1{display:block;}
    section#portfolio > .grid > .item > .img{width:80% !Important;height:80% !important;}
}