/* Required for full background image */

html,
body,
header,
.view {
    height: 100%;
}

@media (max-width: 740px) {
    html,
    body,
    header,
    .view {
        height: 100vh;
    }
}

.top-nav-collapse {
    background-color: #913e3e !important;
}

.navbar:not(.top-nav-collapse) {
    background: transparent !important;
}

@media (max-width: 991px) {
    .navbar:not(.top-nav-collapse) {
        background: #563e91 !important;
    }
}

.rgba-gradient {
    /* fallback for old browsers */
    background: rgba(211, 47, 47, 3);
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(211, 61, 19, 0.6), rgba(35, 7, 77, 0.6));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(238, 9, 121, 0.6), rgba(255, 106, 0, 0.6));
}

.streak.streak-photo {
    background-attachment: fixed;
}

.top-nav-collapse,
.page-footer {
    background-color: #563e91 !important;
}

.primary-color {
    background-color: #EF5350 !important;
}