@media screen and (max-width: 835px)
{
    #dropbtn:focus {
        color: white;
        background: linear-gradient(#333, #8d8d8d);
    }
    #dropbtn:focus ~ .dropdown-c {
        display: block;
        opacity: 1;
    }
    
    .dropdown-c a:active {
        background: linear-gradient(#333, #8d8d8d);
        color: white;
    }
}
@media screen and (max-width: 430px)
{
    .store {
        width: 390px;
    }
    .banner {
        height: 143px;
    }
    .banner img {
        height: 143px;
    }
    .blog-nav {
        display: none;
    }
}
@media screen and (max-width: 390px)
{
    .store {
        width: 360px;
    }
    .banner {
        height: 132px;
        margin: 3px 0 4px 0;
    }
    .banner img {
        height: 132px;
    }
    .container {
        height: 550px;
    }
    .nav {
        flex-direction: column;
        row-gap: 3px;
        height: 110px;
    }
    .navlink {
        width: 97.7%;
        height: 25px;
    }
    #dropbtn {
        width: 100%;
    }
    .dropdown-c {
        width: 100%;
    }
}

@media screen and (max-width: 360px)
{
    .store {
        width: 340px;
    }
    .banner {
        height: 125px;
    }
    .banner img {
        height: 125px;
    }
    .container {
        height: 605px;
    }
}