/* Media Queries
   ========================================================================== */
@media only screen and (max-width: 1290px) {

    header, #logo_placement {
        width: 100%;
    }

    header img {
        margin-left: 15px; 
    }

    #wrapper, #wrapper_result {
        width: 100% !important;
        /* padding: 0px 25px;*/
        }

    #section_introduction {
        /*padding: 15px;*/
    }

}

@media only screen and (max-width: 922px) {

    html {
        font-size: 15px;
    }

    .jobcolumn_inactive {
        /* display: none !important;*/
    }

    .jobcolumn_header_02, .jobcolumn_header_03,
    .jobcolumn_02, .jobcolumn_03, 
    .jobcolumn_02_line, .jobcolumn_03_line
    {
        width: 30%;
    }

    .jobcolumn_header_01,
    .jobcolumn_01,
    .jobcolumn_01_line
    {
        width: 40%;
    }

    .jobcolumn_active {
        /*width: 50% !important;*/
    }
}

@media only screen and (max-width: 880px) {

    .jobcolumn_header_02, .jobcolumn_header_03, .jobcolumn_header_04 {
        font-size: 13px;
    }
}

@media only screen and (max-width: 710px) {

    html {
        font-size: 14px;
    }

    h1 {
        font-size: 1.7em;
    }
}

@media only screen and (max-width: 730px) {

    input, select {
        width: 80%;
    }

    input[type="radio"], input[type="checkbox"] {
        width: auto;
    }

}

@media only screen and (max-width: 600px) {

    html {
        font-size: 13px;
    }

}

@media only screen and (max-width: 575px) {

    #result_right {
        display: none;
    }

    #result_left {
        float: inherit;
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {

    #wrapper, #wrapper_result, footer {
        display: none !important;
    }

    #flipper {
        display: block;
    }
}

@media only screen and (max-width: 450px) {

    #helpbox_employment, #helpbox_pension, #helpbox_bonus,
    #helpbox_overtime, #helpbox_lunch, #helpbox_jobsalary, #helpbox_holiday, #helpbox_holiday_extra, #helpbox_holiday_other,#helpbox_senior_days,
    #helpbox_companycar, #helpbox_other,
    #helpbox_child_illness, #helpbox_child_illness_days, #helpbox_maternity_full_dad, #helpbox_maternity_part_mom {
        width: 85vw;
    }
}