@media only screen and (max-width:1450px){
    .header .content .right .fa-bars{
        display: flex;
        opacity: 1;
    }
    .header .content .directions{
        display: none;
    }
    .menu.active{
        display: flex;
        padding: 4rem 0;
        justify-content: center;
        background: #010101;
        z-index: 99;
        width: 100%;
        height: 100vh;
    }
    body.active{
        overflow-y: hidden;
    }
    .header .content .right ul{
        display: none;
    }
}















@media only screen and (min-width:1600px){
    .header, .main, .footer{
        max-width: 1600px;
        margin-inline: auto;
    }
}















@media only screen and (max-width:1200px){
    .main{
        margin-bottom: 5rem;
    }
    .main .section_2{
        padding: 4rem;
        grid-template-columns: 40% 45%;
    }
    .footer{
        padding: 4rem;
    }
    .main .section_2 .left .buttons{
        display: block;
    }
    .main .section_2 .left .buttons .add-bot,
    .main .section_2 .left .buttons .support{
        width: 100%;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width:800px){
    .main .section_2{
        padding: 8rem;
        display: block;
    }
    .footer{
        display: block;
    }
    .footer .left{
        margin-bottom: 2rem;
    }
}
@media only screen and (max-width:500px){
    .main .section_2{
        padding: 5rem;
    }
}