@media (min-width:700px) {

    
    .bannercontainer {
        display: flex;
    }

    .stylized-large {
        font-family: Flood;
        font-size: 5.5vw;
        color: white;
        padding-bottom: 15px
    }

    .stylized-middle {
        font-family: Flood;
        font-size: 3.5vw;
        color: white;
    }

    .stylized-small {
        font-family: Flood;
        font-size: 3vw;
        color: white;
        padding-top: 2vw
    }


    .text10 {
        font-family: Arial;
        font-size: calc(8px + .5vw);
        color: #1b3556;
        line-height: calc(10px + .5vw);
    }

    .text12 {
        font-family: Arial;
        font-size: 14px;
        color: #1b3556;
    }

    .text14 {
        font-family: Arial;
        font-size: calc(11px + .5vw);
        color: #1b3556;
    }

    .text16 {
        font-family: Arial;
        font-size: calc(13px + .5vw);
        color: #1b3556;
    }

    .text18 {
        font-family: Arial;
        font-size: calc(15px + .5vw);
        color: #1b3556;
        line-height: calc(20px + .5vw);
    }

    .text20 {
        font-family: Arial;
        font-size: 24px;
        color: #1b3556;
    }

    .box {
        border: solid 1px #888;
        border-radius: 5px;
        padding: 5px;
    }

    .button {
        font-family: Arial;
        font-size: calc(10px + .5vw);
        font-weight: 100;
        color: white;
        padding-top: calc(1px + .5vw);
        padding-bottom: calc(1px + .5vw);
        padding-left: calc(15px + .5vw);
        padding-right: calc(15px + .5vw);
        background-color: #243f62;
        border-radius: 8px;
        border: none;
    }

    .innerdiv {
        width: 85%;
        display: flex
    }

    .footer {
        display: flex;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 35px;
        padding-left: 0px;
        padding-right: 0px
    }

    .coiftext {
        font-family: Arial;
        font-size: calc(10px + .5vw);
        color: #1b3556;
        font-weight: bold;
        line-height: calc(16px + .5vw);
    }




    .footertext {
        font-family: Verdana;
        font-size: 12px;
        color: #666;
        line-height: 14px;
        text-decoration:none
    }

    .footerdiv1 {
        flex: 3;
        padding-top: 30px;
        padding-right: 30px;
        text-align: left
    }

    .footerdivs {
        flex: 2;
        width: 155px;
        padding-top: 30px;
    }

        .footerdivs:last-child {
            flex: 1;
            text-align: right;
            width: 100px;
            padding-top: 30px;
        }

    .donate {
        display: flex
    }

    .donatetop {
        font-family: Arial;
        font-size: 20px;
        width: 200px;
        height: 45px;
        font-weight: bold;
        color: #1b3556;
        background-color: #f1c448;
        border-radius: 10px;
        border: none;
        cursor: pointer
    }

    .donateoptionschosen {
        font-family: Arial;
        color: white;
        box-sizing: border-box;
        padding: 5px 0px 5px 0px;
        font-size: calc(12px + 2vw);
        font-weight: bold;
        width: 30%;
        text-align: center;
        border: solid 1px white;
    }

    .donateoptions {
        font-family: 'Arial';
        color: #1b3556;
        padding: 5px 0px 5px 0px;
        box-sizing: border-box;
        background-color: #fff;
        font-size: calc(12px + 2vw);
        width: 30%;
        font-weight: bolder;
        text-align: center;
        border: solid 1px white;
    }

    .donateright {
        flex: 5;
    }

    .donate {
        background-color: #1b3556;
        box-sizing: border-box;
        padding: 10px 0px 10px 0px;
    }

    .noflex {
        display: flex
    }

    .paddingright {
        padding-right: 3%
    }

    .paddingleft {
        padding-left: 3%
    }

    .handprints {
        width: calc(30px + 3vw)
    }

    .popup {
        display: none;
        position: absolute;
        top: 0px;
        left: 10px;
        width: 80%;
        max-width: 700px;
        height: 500px;
        background-color: white;
        border: solid 1px #999;
        overflow: auto
    }

    .trusteetitle {
        font-family: Arial;
        font-size: 20px;
    }

    .trusteebody {
        font-family: Arial;
        font-size: 16px;
        line-height: 26px
    }
}