#nav-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1.875em;
}

@import "navbar";

header {
    #hero-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        background-color: #0f4d8b;
        color: #ffffff;
        padding-bottom: 2.5em;

        #hero-img {
            svg {
                width: 99%;
                margin-left: auto;
                margin-right: auto;
                path {
                    fill: #ffffff !important;
                }
            }
        }

        #hero-text {
            width: 90%;
            text-align: center;
        }
    }
}
