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

    /***MAIN***/
    /*#region*/

    main {
        height: auto;
        margin-top: 20px;
    }

   #main_img_container {
       height: 400px;
       min-width: 337px;
   }

    main h1 {
        font-size: 35px;
    }

    #main_text_container {
        font-size: 18px;
   }

    #main_text_container img {
        height: 25px;
    }

    /*#endregion*/

    /***CARDS***/
    /*#region*/

    h3 {
        font-size: 20px;
    }
    /*#endregion*/
}


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

    /***CARDS***/
    /*#region*/

    .logo_container {
        padding-top: 0;
    }

     /*#endregion*/

    /***CARDS***/
    /*#region*/

    h3 {
        font-size: 20px;
    }

    .card_header_container {
        height: 80px;
        padding: 10px;
    }

    .card_segment_two p{
        padding: 0 5px;
    }

    /*#endregion*/

}

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

    /***CARDS***/
    /*#region*/

    #cards_container{
        flex-wrap: wrap;
        row-gap: 15px;
    }

    .card_container {
        height: 194px;
        width: 100%;
        flex-direction: row;
        flex: none;
    }

    .card_segment_one {
        width: 50%;
        height: 100%;
    }

    .card_header_container {
        height: 40px;
    }

    .card_segment_two {
        display: flex;
        justify-content: center;
        text-align: center;
        row-gap: 10px;
    }

    .card_segment_two p{
        text-align: center;
    }

    /*#endregion*/
}



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

    h2 {
        font-size: 30px;
        text-align: center;
    }

    /***MAIN***/
    /*#region*/

       #main_mobile_title {
            display: block;
        }

        #main_desktop_title {
            display: none;
        }

        #main_container {
            display: flex;
            flex-direction: column;
        }

       #main_img_container {
            height: 315px;
            min-width: 261px;
        }

        h1 {
            font-size: 30px;
        }

        .logo_container {
            padding-top: 0;
        }

        #main_text_container {
            font-size: 16px;
            row-gap: 0px;
        }

        #main_text_container img {
            height: 23px;
        }


    /*#endregion*/

    /***CONTACT***/
    /*#region*/

    .main_contact_part_container {
        column-gap: 20px;
    }

    input[type="text"], input[type="email"], input[type="tel"] {
        width: 242px;
    }

    select{
        width: auto;
    }

    textarea {
        width: 714px;
    }

    input[type="submit"]{
        width: 714px;
    }

    /*#endregion*/

}

@media only screen and (max-width: 925px) {
    
    /***MAIN***/
    /*#region*/

       #main_pair_container{
            flex-direction: column;
        }

        #main_text_container {
            padding-left: 0;
            padding-top: 15px;
        }

        ul {
            padding: 0;
        }


    /*#endregion*/

    /***CONTACT***/
    /*#region*/

    .main_contact_part_container {
        flex-direction: column;
        row-gap: 10px;
        width: 100%;
    }

    .main_contact_part_container {
        width: 100%;
    }

    .main_contact_pair {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .main_contact_pair label {
        width: 115px;
    }

    .main_contact_pair input {
        width: 100%;
    }

    select {
        width: 100%;
    }

    .main_contact_pair_message {
        width: 100%;
    }

    textarea {
        width: 100%;
    }

    input[type="submit"]{
        width: 100%;
    }
    /*#endregion*/
}


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

    body {
        background-color: #fff;
    }

    h2 {
        font-size: 25px;
    }

    /***MAIN***/
    /*#region*/

    main {
        margin: 0px 10px;
    }

    #main_mobile_title {
        font-size: 30px;
    }

    #main_container {
        margin-top: 10px;
        border: 2px solid #174c38;
        border-radius: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   }

    #main_text_button_container {
        align-self: center;
        margin-left: 0px;
   }
    
    /*#endregion*/


    /***CARDS***/
    /*#region*/

    .card_container {
        height: 200px;

        background-color: #f8f1dd;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border: 2px solid #174c38;
        border-radius: 10px;
        background-size: cover;
    }

    .card_1 {
        background-image: linear-gradient(90deg,rgba(248, 241, 221, 0.75) 0%, rgba(248, 241, 221, 0.75) 100%),url("/Img/light-bulb-1640438_640.jpg"); 
    }

    .card_2 {
        background-image: linear-gradient(90deg,rgba(248, 241, 221, 0.75) 0%, rgba(248, 241, 221, 0.75) 100%),url("/Img/lawn-mower-384589_640.jpg"); 
    }

    .card_3 {
        background-image: linear-gradient(90deg,rgba(248, 241, 221, 0.75) 0%, rgba(248, 241, 221, 0.75) 100%),url("/Img/Zand\ Tafel.jpg"); 
    }

    .card_4 {
        background-image: linear-gradient(90deg,rgba(248, 241, 221, 0.75) 0%, rgba(248, 241, 221, 0.75) 100%),url("/Img/wood-620531_640.jpg"); 
    }

    .card_5 {
        background-image: linear-gradient(90deg,rgba(248, 241, 221, 0.75) 0%, rgba(248, 241, 221, 0.75) 100%),url("/Img/electrician-3273340_640.jpg"); 
    }

    .card_segment_one {
        display: none;
    }

    .card_img_container {
        display: none
    }

    .card_img_container img {
        display: none
    }

    #nav_cards {
        margin: 0px 50px;
    }

    #cards_container {
        background-color: #fff;
        padding-top: 10px;
    }

    /*#endregion*/

    /***CONTACT***/
    /*#region*/
    form {
        border-radius: 10px;
        border: 2px solid #174c38;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin-top: 0;
    }

    #main_contact_container {
        margin: 0 10px;
    }

    /*#endregion*/

    /***CONTACT***/
    /*#region*/
    form {
        border-radius: 10px;
        border: 2px solid #174c38;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin-top: 0;
    }

    #main_contact_container {
        margin: 0 10px;
    }

    /*#endregion*/

    .gallery {
        margin: 0px 10px 50px 10px;
    }

    .gallery_desktop {
        display: none;
    }

    .gallery_mobile {
        display: grid;
    }
}



@media only screen and (max-width: 515px) {
    
   /***CARDS***/
    /*#region*/
    #nav_cards {
        margin: 0px 15px;
    }
    
   /*#endregion*/


}



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

    /***MAIN***/
    /*#region*/
    #main_container {
        padding: 25px;
    }
    
    /*#endregion*/


   /***CARDS***/
    /*#region*/
    #nav_cards {
        margin: 0px 15px;
    }
    
   /*#endregion*/

    /***CONTACT***/
    /*#region*/

    form {
       padding: 25px;
    }
    /*#endregion*/

}

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

    /***CARDS***/
    /*#region*/

    .card_container {
        height: 250px;
    }

    .card_img_container {
        width: 133px;
    }

    /*#endregion*/
}


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

    /***MAIN***/
    /*#region*/

    main h1 {
        font-size: 25px;
    }

    /*#endregion*/
}