@media (max-width: 600px) {
    header{
        display: none !important;
    }
    body.active{
        overflow: hidden;
    }
    .mobile-nav-container{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 1rem;
        align-items: center;
    }
    .mobile-nav-container .logo img{
        width: 15rem;
    }
    .mobile-nav-container .hamburger svg{
        width: 40px;
        height: 40px;
    }
    .mobile-nav-items{
        width: 100%;
        height: 100vh;
        background-color: rgb(255, 0, 0);
        position: fixed;
        left: 0;
        top: -400%;
        z-index: 100000;
        padding-top: 5rem;
        transition: .5s ease;
    }
    .mobile-nav-items.active{
        top: 0;
    }
    .nav-items{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 2rem;

    }
    .nav-items li a{
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        border-radius: 2px;
        text-decoration: underline;
        transition: 0.2s;

    }
    .nav-close{
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .nav-close svg{
        width: 45px;
        height: 45px;
    }
    .cards-container {
        flex-direction: column;
        row-gap: 1rem;
    }
    .tips{
        margin: 0;
        padding: .5rem;
        font-size: .8rem;

    }
    .ru{
        margin-left: 0 !important;
        padding: .5rem;
    }
  }