@charset "UTF-8";

/**
*
*  c29 two columns with image and
* text below
*
**/

/*======= 320  padding l,r  15  = 290 ===*/
.c29 {
    margin-bottom: 1em;
    ;
}

.c29 .link a {
    color: var(--blue);
}

.c29 .link {
    float: right;
    margin-bottom: 30px;
}

/*======= 576 ========= MEDIA QUERIES ======= border 15 = 546 ===*/

@media only screen and (min-width: 576px) {}

/*======= 768 ========= MEDIA QUERIES ======= border 15 = 738 ===*/

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

    .c29 article {
        display: flex;
        flex-direction: row;
        gap: 5%;
        align-items: stretch; /* same height */
    }

    .c29 .colLeft,
    .c29 .colRight {
        flex: 1 1 0%;
        min-width: 0;
        display: flex;             /* make column a flex container */
        flex-direction: column;    /* stack inner elements vertically */
        min-height: 0;
    }

    /* push the link (2nd element) to the bottom of each column */
    .c29 .colLeft > .link,
    .c29 .colRight > .link {
        float: none;        /* override mobile float */
        margin-top: auto;   /* pushes it to the bottom */
        align-self: flex-end; /* optional: right-align; remove if you want left */
    }

}

/*======= 990 ======== MEDIA QUERIES ======== border 15 = 960 ===*/

@media only screen and (min-width: 990px) {}

/*======= 1398 ======= MEDIA QUERIES ======== border 30 = 1338 ==*/

@media only screen and (min-width: 1398px) {}

/*======= 2512 ======= MEDIA QUERIES ==== border 151-45 = 2396 ==*/

@media only screen and (min-width: 2512px) {}

/*END-c23*/