.compliance {}

.compliance .banner {
    @media( max-width:1100px ){
        & {
            flex-direction: column;
        }
    }
}
.compliance .banner h1 {
    @media( max-width: 580px ){
        & {
            font-size: 28px !important;
            margin-bottom: 24px !important;
        }
    }
}

.compliance .levels {}
.compliance .levels figure {
    min-width: 100px;
}
.compliance .levels .is-layout-flex {
    @media( max-width: 680px ){
        & {
            flex-direction: column;
        }
    }
}

.compliance .reporting {
    @media( max-width: 1100px ){
        & {
            flex-direction: column;
        }
    }
}
.compliance .reporting .wp-block-column:first-child .is-vertical .wp-block-group {
    @media( max-width: 580px ){
        & {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
        }
    }
}