@media only screen and (max-width: 800px) {
    .hero-image {
        /*background-color: #183446;*/
        background-color: #0C2D48;
    }
}

@media only screen and (min-width: 990px) and (max-width: 2799px) {
    .hero-image {
        /*background-image: linear-gradient(to left, transparent, #183446 50%), url(/assets/images/rocket.jpg);*/
        background-image: linear-gradient(to left, transparent, #0C2D48 50%), url(/assets/images/rocket.jpg);
        background-size: cover;
        background-position-y: center;
    }

    .contact-footer {
        text-align: right !important;
    }
}

@media only screen and (min-width: 2800px) {
    .hero-image {
        /*background-image: linear-gradient(to left, transparent, #183446 50%), url(/assets/images/rocket.jpg);*/
        background-image: linear-gradient(to left, transparent, #0C2D48 50%), url(/assets/images/rocket.jpg);
        background-size: cover;
        background-position-y: center;
    }

    .contact-footer {
        text-align: right !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-footer {
        text-align: right !important;
    }
}

    /*.hero-image {
    background-image: linear-gradient(to left, transparent, #1f2a43 50%), url(/assets/images/teambw.jpg);
    background-size: cover;
    background-position-y: center;
}
*/

    .white {
        color: white !important;
    }

    .green {
        color: green !important;
    }

    .red {
        color: red !important;
    }

    .highlight-heading {
        color: #145DA0;
    }

    .green-button {
        background-color: #0AA76C !important;
    }

    .price-hover {
        color: white !important;
    }

    .price-hover:hover {
        background-color: #145DA0 !important;
    }

.btn-signup-toggle {
    background-color: black !important;
}

.btn-signup {
    font-size: 13px !important;
    background-color: #0AA76C !important;
    color: white !important;
}