﻿.checkerboard-red {
    border: 3px solid #a41421 !important;
}

.content-block.checkerboard {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 !important;
    margin: 0 0 40px;
    border: 3px solid #1A3668;
}


.board {
    display: grid;
    grid-template-columns: repeat(4, 64px);
}

.content-block.checkerboard {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 !important;
    margin: 0 0 40px;
    border: 3px solid #1A3668;
}

    .content-block.checkerboard .checkerboard-item {
        width: 25%;
        min-height: 220px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .content-block.checkerboard .checkerboard-item p {
            display: block;
            font-weight: normal;
            font-size: 16px;
            line-height: 22px;
            padding: 10px;
            max-width: 220px;
        }

            .content-block.checkerboard .checkerboard-item p span {
                display: block;
                font-weight: bold;
                font-size: 44px;
                line-height: 44px;
                padding-bottom: 5px;
            }

        .content-block.checkerboard .checkerboard-item:nth-child(-n + 4):nth-child(even), .content-block.checkerboard .checkerboard-item:nth-child(n + 4):nth-child(-n + 8):nth-child(odd), .content-block.checkerboard .checkerboard-item:nth-child(n + 9):nth-child(-n + 12):nth-child(even) {
            background-color: #1A3668;
        }

.content-block.checkerboard-red .checkerboard-item:nth-child(-n + 4):nth-child(even), .content-block.checkerboard-red .checkerboard-item:nth-child(n + 4):nth-child(-n + 8):nth-child(odd), .content-block.checkerboard-red .checkerboard-item:nth-child(n + 9):nth-child(-n + 12):nth-child(even) {
    background-color: #a41421 !important;
}

.content-block.checkerboard .checkerboard-item:nth-child(-n + 4):nth-child(even) p, .content-block.checkerboard .checkerboard-item:nth-child(n + 4):nth-child(-n + 8):nth-child(odd) p, .content-block.checkerboard .checkerboard-item:nth-child(n + 9):nth-child(-n + 12):nth-child(even) p {
    color: white;
    background: #203668;
}

.content-block.checkerboard-red .checkerboard-item:nth-child(-n + 4):nth-child(even) p, .content-block.checkerboard-red .checkerboard-item:nth-child(n + 4):nth-child(-n + 8):nth-child(odd) p, .content-block.checkerboard-red .checkerboard-item:nth-child(n + 9):nth-child(-n + 12):nth-child(even) p {
    color: white;
    background: #a41421;
}
@media (min-width: 740px) {
    .content-block.checkerboard .checkerboard-item {
        width: 25%;
        min-height: 280px;
    }


        

    .content-block.checkerboard .checkerboard-item p {
        font-size: 16px;
        line-height: 22px;
        padding: 20px;
    }

        .content-block.checkerboard .checkerboard-item p span {
            font-size: 42px !important;
            line-height: 44px;
            padding-bottom: 5px;
        }
}
