.header {
    background-color: transparent;
    width: 100%;
    overflow: auto;
}

    .header .logo {
        width: 10rem;
        float: left;
    }

        .header .logo img {
            max-width: 10rem;
        }

    .header .header-text {
        float: left;
        width: calc(98% - 18rem);
        text-align: center;
        font-family: 'Meath';
        color: gold;
    }

        .header .header-text .large {
            font-size: 4rem;
            font-weight: bold;
            font-variant: small-caps;
            text-shadow: 1px 1px black, -1px -1px black;
        }

        .header .header-text .small {
            font-size: 3rem;
            text-shadow: .666px .666px black, -.666px -.666px black;
        }

        .header .header-text .states {
            font-family: 'Augusta';
            font-size: 2rem;
            text-shadow: .666px .666px black, -.666px -.666px black;
        }


    .header .ccsna2 {
        float: right;
        text-align: left;
        width: 8rem;
    }

        .header .ccsna2 img {
            max-width: 8rem;
        }

@media screen and (max-width:550px) {
    .header {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }

        .header .logo {
            text-align: center;
            width: 100%;
            order: 3;
            -webkit-flex-order: 3;
        }

            .header .logo img {
                max-width: 7.5rem;
            }

        .header .header-text {
            text-align: center;
            width: 100%;
            order: 2;
            -webkit-flex-order: 2;
        }

            .header .header-text .small {
                padding-left: 0;
            }

        .header .ccsna2 {
            text-align: center;
            width: 100%;
            order: 1;
            -webkit-flex-order: 1;
        }

            .header .ccsna2 img {
                max-width: 6rem;
            }
}