/*#region  Sec Gen page
------------------------------------------  */

section.media ul.flex {
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    align-items: flex-start;
    justify-content: space-between;
}

    section.media ul.flex li {
        -ms-flex: 0 0 47%;
        -webkit-flex: 0 0 47%;
        flex: 0 0 47%;
        cursor: pointer;
        background-image: none;
        padding-left: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

        section.media ul.flex li figure {
            margin: 0;

        }

        section.media ul.flex li figure img {
            margin-bottom: 1em;
        }

        section.media ul.flex li a {
            display: inline-block;
            padding: 0.75rem 2.75rem 0.75rem 1rem;
            border: solid 1px var(--aqua);
            border-radius: 2rem;
            font-weight: 500;
            font-size: var(--font-small);
            position: relative;
            background-color: #fff;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            section.media ul.flex li a:hover {
                background-color: var(--aqua);
                color: #fff;
            }

            section.media ul.flex li a:after {
                display: block;
                position: absolute;
                top: 55%;
                right: 1rem;
                content: var(--icons-arrow-right);
                -moz-filter: var(--svg-aqua);
                -ms-filter: var(--svg-aqua);
                -webkit-filter: var(--svg-aqua);
                filter: var(--svg-aqua);
                width: 0.9rem;
                -moz-transition: all var(--trn-linear-long);
                -o-transition: all var(--trn-linear-long);
                -webkit-transition: all var(--trn-linear-long);
                transition: all var(--trn-linear-long);
                -ms-transform: translateY(-50%) rotate(90deg);
                -moz-transform: translateY(-50%) rotate(90deg);
                -o-transform: translateY(-50%) rotate(90deg);
                -webkit-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg);
            }

            section.media ul.flex li a:hover:after {
                filter: none;
            }

            section.media ul.flex li a span {
                display: none;
            }

@media screen and (min-width: 500px) {
    main .inner section figure.flex {
        flex-wrap: nowrap;
    }

        main .inner section figure.flex img {
            flex: 0 0 47%;
            width: 47%;
            margin-bottom: 0;
        }

    section.media ul.flex li a {
        flex: 0 0 47%;
    }

}

@media screen and (min-width: 800px) {
    section.media ul.flex {
        justify-content: space-between;
    }

        section.media ul.flex li {
            flex: 0 0 47%;
            margin-bottom: 0;
        }

}

@media screen and (min-width: 1080px) {
    section.media ul.flex li a span {
        display: inline;
    }

    main .inner section figure.flex img {
        flex: 0 0 25%;
        width: 25%;
    }

    section.media ul.flex li a {
        flex: 0 0 auto;
    }
}

/*#endregion */