@media only screen and (min-width: 368px) {
    #headercontainer {
        padding-top: 17px;
        padding-bottom: 17px;
    }
}

#logocontainer img {
    height: 56px;
    width: auto;
}

@media (min-width: 768px) {
    li.dropdown.show-on-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    #logocontainer {
        display:none;
    }

    #headercontainer {
        display:none;
    }

    li.dropdown.show-on-mobile {
        display: block;
    }
}