:root {

    --text-primary-color: rgba(29, 35, 28, 1);
    --text-secondary-color: rgba(29, 35, 28, 1);
    --text-on-accent: rgba(255, 255, 255, 1);
    --background-color: rgba(225, 223, 217, 1);
    --accent-primary-color: rgba(29, 35, 28, 1);
    --accent-primary-c-2: rgba(29, 35, 28, 0.9);
    --accent-primary-c-3: rgba(255, 255, 255, 1);
    --accent-secondary-color: rgba(49, 157, 32, 1);
    --accent-secondary-color-blur: rgba(49, 157, 32, 0.5);


    --heading-1-size-value: 4;

    --primary-button-font-font-size-value: 1.7;

    --small-text-size: 1rem;

    --bs-nav-link-font-size: 1.5rem;

}

.picture_half {

    object-fit: cover;
    width: 100%;
    overflow: hidden;

}

.p1_on {

    font-size: clamp(1em, calc( 0.5vw + 1em), 1.5em);
    color: var(--text-on-accent);
}

.container_row_halves_p7p3 {

    display: flex;
    width:  min(100%,1200px);

}

.box_image {

    flex-basis: 50%;


    border: var(--text-secondary-color) solid 2px;
    border-radius: 0px;
    margin: 0.5em;

    width: 100%;
    min-width: 100px;

}

.box_a_half_two {

    display: flex;
    flex-direction: row;
    flex-basis: 50%;

    /* margin: clamp(1rem, 3vw, 6rem) clamp(0.5rem, 3vw, 4rem); */
}

.box_a_half_p3 {

    flex-basis: 50%;
    margin: clamp(1rem, 3vw, 6rem) clamp(0.5rem, 3vw, 4rem);

}
.box_a_half_p7 {

    flex-basis: 50%;
    align-content: center;
    margin: clamp(1rem, 3vw, 6rem) clamp(0.5rem, 3vw, 4rem);

}
.box_a_two_third {

    display: flex;
    flex-direction: row;
    flex-basis: 66.66%;
}

.box_a_one_third {
    display: flex;
    flex-direction: row;
    flex-basis: 33.33%;

}
.box_wrap_text {

    min-height: 539px;
    align-content: center;
}

.container_images {

    display: flex;
    flex-direction: row;
    width: 100%;

}

.container_landing_two {

    min-height: 80vh !important;
    min-height: 80dvh !important;

    padding: 0px min(24em, 8%);
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;

    background-color: var(--text-primary-color);
    color: var(--background-color);

}
.container_row_halves_two {
    min-height: 80vh !important;
    min-height: 80dvh !important;

    padding: 0px min(24em, 8%);
    display: flex;

    align-items: center;
    place-content: center;

    background-color: var(--text-primary-color);
    color: var(--background-color);


}

.container_content_two {

    min-height: 80vh !important;
    min-height: 80dvh !important;

    padding: 0px min(24em, 8%);
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;



}



.picture3 {
    object-fit: scale-down;
}

.picture4 {
    width: min(40vw, 700px);
}

.picture5 {
    width: min(33vw, 375px);
}

.picture6 {
    width: min(80vw, 500px);
}

.picture7 {
    width: min(55vw, 200px);
}

.picture8 {

    max-width: 320px;
    float: left;
    border: 3px solid #fff;
    border-radius: 10px;
    margin-right: min(12em, 8%);
    margin-bottom: 24px;
    margin-top: 24px;



}

.picture9 {


    border: 3px solid #fff;
    border-radius: 10px;
    /* margin-right: 24px;
    margin-bottom: 24px; */

}

.section_content_two {
    min-height: 80vh !important;
    min-height: 80dvh !important;

    width: min(90vw, 1440px);
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
}

.section_landing_two {

    min-height: 80vh !important;
    min-height: 80dvh !important;

    padding: 0px min(24em, 8%);
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;

}

.wrapper {
    margin: 80px 0px;
    width: 100%;
}

@media screen and (max-width:1440px){

    .box_wrap_text {

        min-height: 539px;
        align-content: normal;
    }
}

@media screen and (max-width:1024px){

    .container_row_halves_p7p3 {
        flex-direction: column;
    }

}

@media screen and (max-width:768px){

    .container_images {
        flex-direction: column;

    }

    .box_a_two_third {

        flex-direction: column;
    }

    .picture5 {

        width: 50vw;
    }

    .picture8 {

        margin: 24px;
        width: 80%;
        height: 325px;
        object-fit: cover;

    }

    .container_row_halves_two {

        flex-direction: column-reverse;

    }

    .wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        float: none;
        margin: 0px;
    }


}

@media screen and (max-width:375px){

    .box_a_half_two {
        flex-direction: column;
    }
    .box_image {

        margin: 0.5em 0em ;

    }




}






