@media (max-width: 1230px){
    .nav-list{
        display: none;
    }

    .nav-button{
        display: block;
    }

    .nav.open .nav-list{
        
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: white;

        z-index: 1;

        padding: 46px 30px;
        display: flex;
        flex-direction: column;
        row-gap: 40px;

        font-size: 34px;
        font-weight: 600;


    }

    .nav-link{
        color: #606060;
    }
    .nav-link.active{
        color: black;
    }

    .nav-button{
        position: fixed;
        z-index: 5;
        top: 46px;
        right: 30px;
    
    }

    .header-nav{
        margin-bottom: 50px;
    }

    .header-row{
        flex-direction: column;
    }

    .header-content{
        margin-top: 0;
    }

    .header-img{
        text-align: center;
    }

}

@media (max-width: 700px){

    .nav-button{
        display: block;
    }

    .header-heading{
        text-align: center;
        font-size: 30px;
    }
    .header-heading span{
        font-size: 22px;
    }


    

    .info h2{
        font-size: 25px;
    }

    .info{
        font-size: 20px;
    }

    .services-card-title{
        font-size: 20px;
    }
    
    .services-card p {
        font-size: 15px;
    }

    .contacts-content{
        font-size: 20px;
    }

    .mts-logo{
        
        width: auto;
        height: 28px;
    }
    
    .a1-logo{
        width: auto;
        height: 28px;
    }
    
    .mail{
        width: 25px;
        height: 25px;
    }

    .portfolio{
        padding: 60px 0;
    }

    .contacts{
        padding: 60px 0;
    }

    .logo::after{
        display: none;
    }
}