@media screen and (min-width: 500pt) {
    .FilterBox{
        padding:1rem 4pt;
        /*line-height:initial;*/
    }
    .FilterBox-wrapper{
     display: flex;
     justify-content: center;
    }
 }
 @media screen and (max-width: 499pt) {
     .FilterBox{
         padding:1rem 4pt;
         line-height:initial;
     }
     .FilterBox-wrapper{
             display: flex;
             justify-content: center;
             flex-direction:column;
        }
 }

.FilterBox{
    font-family: 'Muli', 'Open Sans', sans-serif, Arial !important;
    background-color: var(--searchNitroPrimary);
    /* box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.08);*/
    margin:1vw;
    padding:15pt 0.5vw;
    color:var(--searchNitroPrimaryText);
    background-size:cover;
    background-image:linear-gradient(0.37turn, transparent 60%, rgba(1,1,1,.1),rgba(1,1,1,.2),rgba(1,1,1,.3));
    border-radius: 10px;
    text-align:center;
}

.FilterBox select{
    font-size:calc(10px + 0.3vw);
    padding:calc(10px + 0.1vw);
    padding-right:2vw;
    margin:calc(10px + 0.3vw);
    background-color:white;
    color:black;
    max-width:90%;
    min-height:calc(35px + 0.1vw);
    border-radius: calc(2px + .1vw);
}