Seleção de item dropdown - como estilizar? @media

No tamanho de tela normal, o dropdown está ok, ele aparece de forma padrão! No entanto, quando tento visualizar como tela menor a estilização não fica adequada. Fica muito pequena. Então, peço para reconhecer tamanhos menores, com a @media screen and (max-width: 480px); com nova estilização para tamanho de fonte e borda para que o elemento fique melhor apresentável em telas menores, mas, não funciona!

Como faço a estilização deste tipo de elemento por meio de regra?

contato.html

            <form>
                <fieldset>
                    <legend>Qual o horário prefere ser atendido?</legend>
                    <select>
                        <option class="opcao-horario">Manhã</option>
                        <option class="opcao-horario">Tarde</option>
                        <option class="opcao-horario">Noite</option>
                    </select>
                </fieldset>
            </form>

style.css

form {
    margin: 40px 0;
}

form label, form legend {
    display: block;
    font-size: 20px;
    margin: 0 0 10px;
}

@media screen and (max-width: 480px) {

    legend {
        padding: 0 0 0 10px;
    }

    fieldset {
        padding: 0 0 15px 10px;
    }

    .opcao-horario {
        border-color: black;
        font-size: 20px;
    }
}

Grata, Petra.