.a {
    padding-top:20px;
    padding-bottom: 20px;
    border-top: 10px solid black;
}

.b {
    height:7vh;
    width:20vw !important;
    background-color: #9e0000;
    color:rgb(202, 202, 202);
    border:5px solid rgb(202, 202, 202);
    font-weight: bold;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.w3-bar-item{
    font-weight: bold;
}

.w3-dropdown-content {
    width:20vw;
    background-color: #ddd;
    margin-top: 7vh;
}

.b:hover {
    background-color: rgb(148, 85, 85) !important; 
    color:rgb(202, 202, 202) !important;
}

@media only screen and (min-width:1024px) and (max-width: 1400px) {
    .b {
        width:30vw;
        font-size: 13px;
    }

}
@media only screen and (max-width: 1024px) {
    .b {
        width:30vw;
        font-size: 13px;
    }
}