/* Media Queries
   ========================================================================== */

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

    #navigation_bar {
        width: 100%;
    }

    main {
        width: 100%;
    }

}

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

    header {
        width: 100%;
        height: 12.9vw;
    }

    #navigation_bar {
        width: 100%;
        height: 100%;
        
        background: url("/images/header.jpg") no-repeat top center;
 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-background-clip: border-box;
        -moz-background-clip: border-box;
        -o-background-clip: border-box;
        background-clip: border-box;
    }

    #hero_text div {
        width: calc(100% - 100px);
    }

    .section_contact input {
        width: 100%;
    }
    
}


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

    html {
        font-size: 16px;
    }

    section {
        padding: 25px;
    }

    .section_contact article {
        width: calc(50% - 12.5px);
        padding: 25px;
    }

    #section_hero {
        width: 100%;
        height: auto;

        margin-bottom: 25px;
    }

    #hero_text {
        float: inherit;

        width: 100%;
        height: auto;

        padding: 25px;
    }

    #hero_text div {
        width: 100%;
    }

    #hero_image {
        display: none;
    }

}

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

    .container_coverage {
        width: 210px;
    }

    #coverage {
        width: 180px;
    }

}

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

    .result_text, #coverage {
        font-size: 1.5rem;
    }

}

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

    .result_1x3 {
        width: calc(100% - 60px);

        margin-bottom: 25px;
    }

    .result_1x3:nth-of-type(5) {
        margin-bottom: 0px;
    }

}

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

    .result_50 {
        width: 100%;
    }

    .result_50:first-child {
        margin-bottom: 50px;
    }

    .section_contact {
        display: inherit;
    }

    .section_contact article {
        width: 100%;
    }

}

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

    .input_1x3, .input_2x3 {
        width: 100%;
    }

    .input_1x3 input, .input_2x3 input {
        width: 100%;
    }

}



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



}


/* Smartphones */
@media only screen and (max-width : 375px) {




}