/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    list-style: none;
}
body {
    background-color: #092142;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 8px auto 0;
    z-index: 4;
    position: relative;
    max-width: 60rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
            flex-shrink: 0;
}
img {
    width: 100%;
    vertical-align: middle;
    max-width: 620px;
}
footer {
    background-color: #092142;
    padding-top: 2rem;
}
footer img {
    max-width: 1300px;
}
footer div {
    display: flex;
    max-width: 1400px;
    margin: auto;
    justify-content: center;
}
@media only screen and (max-width: 1399px) {
    .row {
        width: 100%;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media only screen and (max-width: 1000px) {
    .card-container {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    footer {
        padding: 7rem 4rem;
    }
    .row {
        width: 100%;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    } 
}
/*@media only screen and (max-width: 576px) {
    #logo {
        width: 180px;
    }
    .header h1 {
        padding: 5rem 0;
        font-size: 3rem;
    }
    .card {
        max-width: 42%;
    }
    .card-title {
        font-size: 16px;
    }
    .card p {
        font-size: 14px;
    }
    .coming-soon-banner {
        padding: 8px;
        font-size: 12px;
    }
    .contact-us-container h1 {
        font-size: 3rem;
    }
    .contact-us-container {
        padding: 20rem 5rem 7rem;
    }
    .coming-soon-banner {
        font-size: 13px;
        letter-spacing: .5px;
        top: 51%;
    }

}*/
@media only screen and (max-width: 400px) {
    /*.card {
        max-width: 90%;
        width: 80%;
        margin: 10px auto;
    }*/
    .row {
        width: 100%;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
   /*.header h1 {
        padding: 4rem 0 2rem;
        font-size: 3.75rem;
    }
    .contact-us-container h1 {
        font-size: 3rem;
    }
    .contact-us-container {
        padding: 24rem 4rem 6rem;
    }
    .coming-soon-banner {
        font-size: 12px;
        letter-spacing: .25px;
        top: 31%;
    }
    footer {
        padding: 4rem;
    }
    footer div {
        padding-left: 0;
    }
    footer nav a {
        line-height: 22px;
    }*/
}
@media only screen and (max-width: 280px) {
    .row {
        width: 100%;
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    footer {
        padding: 4rem 1rem;
    }
}