.header {
    padding: 0 3em;
    border-bottom: 2px solid rgb(255, 0, 0, 0.5);
}

.logo {
    width: 200px;
}

.search-criteria-wrapper {
    margin: auto;
    width: 100%;
}

.search-criteria {
    padding: 0.5em;
    margin: 0 2px;
}

.search-button {
    padding: 0.5em;
    margin: 0 2px;
}

.header-menu {
    border-bottom: 2px solid rgb(255, 0, 0, 0.5);
}

.sub-menu {
    text-align: center;
    border-left: 2px solid rgb(255, 0, 0, 0.5);
    font-size: 1.3em;
}

.sub-menu:last-child {
    border-right: 2px solid rgb(255, 0, 0, 0.5);
}

@media only screen and (max-width: 600px) {
    .logo {
        width: 100px;
    }
    .search-criteria {
        padding: 0;
    }
    .search-button {
        padding: 0;
    }
}