No cambia la fuente a submenú

[ceaped]

Buenos días
Tengo un menú en el cual se despliega un submenú así:

Código CSS:

nav {
    width: 960px;
    margin: 0 auto;
    background-color: transparent;
}
    
ul.topnav {
    list-style-type: none;
    width: 800px;
    height: 50px;
    margin: 10px 0 20px 0;  
    padding: 0;
    background-color: #003600;
}
 
ul.topnav li {
    float: left;
    background-color: #FFFFFF;
}
 
ul.topnav li a {
    font-family: 'PT Sans', sans-serif;
    font-size: 17px;
    display: inline-block;
    color: #EFEDED;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
}
 
ul.topnav li a:hover {
    background-color: #006400;
}
 
ul.topnav li.icon {
    display: none;
}
 
.active {
    text-indent:-666em;
    margin: 0px 0px 0px -32px;
}
 
ul.active > li > a:active:before {
    background-color: blue;
}
 
.topnav li ul {
    font-size: 10px !important;
    display: none;
    position: absolute;
    float: left;
    list-style-type: none;
    background-color: #003600;
}
 
.topnav li:hover > ul {
    font-size: 10px !important;
    display: block;
}
 

Pero en ".topnav li ul" no me cambia el tamaño de la fuente ni logro que se despliegue el submenú de manera horizontal.

¿Cómo hago para que me cambie el tamaño de la fuente y las opciones se desplieguen de manera vertical?

Gracias por su ayuda