/*MOBILE STYLING*/
.blue-one {
    background-color: #10559A;
    color: #ffffff;
    font-size: 20px;
    font-family: "Tempo", "Tempo-Local", "Arial Narrow", Arial, sans-serif;
    text-align: center;
    margin: 0px;
    display: block;
    justify-content: center;

}

.red-one {
    background-color: #da0936;
    color: #ffffff;
    font-size: 20px;
    font-family: "Tempo", "Tempo-Local", "Arial Narrow", Arial, sans-serif;
    text-align: center;
    margin: 0px;
    display: block;
    justify-content: center;

}

.blue-two {
    background-color: #10559A;
    color: #ffffff;
    font-size: 20px;
    font-family: "Tempo", "Tempo-Local", "Arial Narrow", Arial, sans-serif;
    text-align: center;
    margin: 0px;
    display: block;
    justify-content: center;

}

.text-styling {
    padding: 8px 0px 8px 0px;
}

/*TABLET STYLING*/
@media only screen and (min-width: 768px) {
    .blue-red-blue-banner-main-container {
        display: flex;
    }

    .blue-one {
        font-size: 36px;
        margin: 0px;
        display: block;
        width: 28%;
        float: left;
    }

    .red-one {
        font-size: 36px;
        margin: 0px;
        display: block;
        width: 44%;
        float: left;
    }

    .blue-two {
        font-size: 36px;
        margin: 0px;
        display: block;
        width: 28%;
        float: left;
    }

    .text-styling {
        padding: 8px 0px 8px 0px;
    }

}

/*DESKTOP STYLING*/
@media only screen and (min-width: 1024px) {}