@media screen and (min-width: 799px) and (max-width:1280px) {
    #input {
        font-size: 1.3rem;
        font-weight: 400;
    }
    
    input::placeholder {
        font-size: 1.3rem;
        font-weight: 400;
        font-family: 'Times New Roman', Times, serif;
    }

    .brand-logo {
        width: 50%;
        text-align: center;
        padding-bottom: 4px;
    }

    .brand-logo img:first-child {
        width: 10vw;

    }

    .search {
        box-shadow: 1px 2px 6px 0px black;
    }

    .rescent {
        width: 60%;
    }

    .cards {
        flex-basis: 40%;
        margin: 20px;
    }

    .cards img {
        width: 100%;
        height: 13vh;
        border-top-right-radius: 9px;
        border-top-left-radius: 9px;
    }

    /* input::marker{
        content: "search with google";
    } */
}