@media only screen and (max-width:1726px) {
    .sale-items {
        width: 80%;
        margin: 60px auto;
        text-align: center;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 15px;
    }
}

@media only screen and (max-width:1300px) {
    .nav-brand span {
        display: none;
    }
}

@media only screen and (max-width:1169px) {
    .sale-items {
        width: 80%;
        margin: 60px auto;
        text-align: center;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        grid-gap: 15px;
    }
}

@media only screen and (max-width:776px) {
    .nav-links {
        display: none;
    }
    .menu {
        display: block;
    }
    .sale-items {
        margin: 20px 0px;
        width: 100%;
    }
    .category-quote-text {
        font: 18px/1.2 "Chronicle", sans-serif;
    }
    .category-text {
        font: 50px/1.2 "Chronicle", sans-serif;
    }
    .quotes-text {
        font: 15px/1.2 "Chronicle", sans-serif;
    }
    #footer-coupon-value {
        padding: 20px;
        font-size: 16px;
        font-weight: 700;
    }
    #footer-coupon-copy {
        font-size: 16px;
        padding: 20px;
    }
    .footer-coupon-value a {
        font-size: 16px;
        padding: 20px;
    }
    .valentines-text img {
        width: 40px;
    }
    .valentines-text span {
        font-size: 15px;
    }
    .valentines-text a {
        font-size: 15px;
    }
}

@media only screen and (max-width:500px) {
    .sale-items {
        grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
    }
    .category-quote-text {
        font: 18px/1.2 "Chronicle", sans-serif;
    }
    .category-text {
        font: 50px/1.2 "Chronicle", sans-serif;
    }
    .quotes-text {
        font: 15px/1.2 "Chronicle", sans-serif;
    }
    .valentines-text img {
        width: 30px;
    }
    .valentines-text span {
        font-size: 13px;
    }
    .valentines-text a {
        font-size: 13px;
    }
}

@media only screen and (max-width:430px) {
    .sale-items {
        grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
    }
    .sale-text {
        font-size: 50px;
    }
    .quotes {
        padding: 15px;
        height: 100px;
        font: 10px/1.2 "Chronicle", sans-serif;
    }
    .sale-quote-text {
        padding: 15px;
        font: 10px/1.2 "Chronicle", sans-serif;
    }
    .category-text {
        font-size: 40px;
    }
    .category-quote-text {
        padding: 10px;
        font: 18px/1.2 "Chronicle", sans-serif;
    }
}

@media only screen and (max-width:414px) {
    .quotes-text {
        font: 12px/1.2 "Chronicle", sans-serif;
    }
    .sale-items {
        grid-template-columns: repeat(auto-fit, minmax(414px, 1fr));
    }
}

@media only screen and (max-width:390px) {
    .sale-items {
        grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
    }
}

@media only screen and (max-width:375px) {
    .sale-items {
        grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
    }
}

@media only screen and (max-width:360px) {
    .sale-items {
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    }
}