@media (min-width: 100px) and (max-width: 600px) {
        .h-dropbtn {
            font-size: 2.2em;
        }
    }
    
    @media (min-width: 601px) and (max-width: 900px) {
        .h-dropbtn {
            font-size: 1.6em;
        }
    }
    
    @media (min-width: 100px) and (max-width: 600px) {
        .h-header {
            height: 9vw;
        }
    }
    
    @media (min-width: 601px) and (max-width: 900px) {
        .h-header {
            height: 8vw;
        }
    }
    
    @media (min-width: 100px) and (max-width: 600px) {
        .h-city {
            margin-left: 1em;
            margin-right: 2em;
            font-size: 3vw;
            width: 18vw;

        }
    }
    
    @media (min-width: 601px) and (max-width: 900px) {
        .h-city {
            margin-left: 1em;
            margin-right: 2em;
            font-size: 3vw;
            width: 18vw;
        }
    }
    
    @media (min-width: 100px) and (max-width: 600px) {
        .h-header-one {
            padding-top: 1vw;
        }
    }
    
    @media (min-width: 601px) and (max-width: 900px) {
        .h-header-one {
            padding-top: 1vw;
        }
    }
    
    @media (min-width: 100px) and (max-width: 600px) {
        .h-search {
            font-size: 2vw;
        }
    }
    
    @media (min-width: 601px) and (max-width: 900px) {
        .h-search {
            font-size: 2vw;
        }
    }