@media only screen and (max-width: 318px) {    
    #header-logo-div {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #header-try-for-free-button-div {
        display: none;
    }
}
@media only screen and (min-width: 319px) and (max-width: 365px) {    
    .header-logo img {
        width: calc(100vw - 150px)!important;
        height: auto;
    }
}
@media only screen and (max-width: 400px) {    
    #header-try-for-free-button-div {
        padding-left: 0;
    }
    #header-try-for-free-button-div > div > a {
        margin-left: 0 !important;
    }
}