.navbar {
    BACKGROUND: #02213e;
}

.extraTopPadding {
    padding-top: 220px;
}

.navbar-brand > img {
    display: block;
    margin-top: 0px;
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .extraTopPadding {
        padding-top: 200px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .extraTopPadding {
        padding-top: 160px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .extraTopPadding {
        padding-top: 130px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .navbar {
        height: 80px;
    }

    .extraTopPadding {
        padding-top: 100px;
    }
}