@charset "UTF-8";

:root{
    --header-top-height: 84px;
}

@media screen and (min-width: 480px) {
    :root{
        --header-top-height: 92px;
    }
}

@media screen and (min-width: 1280px) {
    :root{
        --header-top-height: 100px;
    }
}

#header_form {
    margin-left: 8px;
    width: 100%;
}

#header_form > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header_form > div:first-of-type {
    margin-bottom: 8px;
}


@media screen and (min-width: 480px) {
    #header_form {
        margin-left: 16px;
    }

    #header_form > div:first-of-type {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1280px) {
    #header_form {
        margin-left: 24px;
    }
    
    #header_form > div:first-of-type {
        margin-bottom: 12px;
    }
}