/*Just for reference*/
colour-palette {
    color: #3d9be9;
    /*Heading and footer*/
    color: #a8e0f4;
    /*Button default*/
    /*Body*/
    color: #DC143C;
    /*Button hover & active*/
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.imp-car-main-background {
    background-color: #a8e0f4;
}

.imp-car-banner-background {
    background-color: #3d9be9;
}

h1 {
    font-size: 2rem;
}

@media (max-width: 767.98px) {
    .hide-mobile {
        display: none;
    }

    .navbar {
        padding-bottom: 0;
    }

    .nav-link {
        margin-top: .5vw;
        margin-bottom: .5vw;
        max-width: 50vw;
        margin-left: auto !important;
        /*Override styles for mobile*/
        margin-right: auto !important;
        /*Override styles for mobile*/
        font-size: medium !important;
        /*Override styles for mobile*/
    }

    .footer-email-number a, .footer-email-number p {
        font-size: smaller;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: wrap;
    }

    .show-mobile {
        display: none;
    }
}

.adverts-side img, .adverts-bottom img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.adverts-bottom, .adverts-side, .adverts-bottom + .row {
    font-size: smaller;
}

.nav-link {
    background-color: #a8e0f4;
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), #a8e0f4 50%);
    margin-left: .5vw;
    margin-right: .5vw;
    padding-left: 1vw !important;
    padding-right: 1vw !important;
    font-size: 1.3vw;
    border: none;
    position: relative;
    box-shadow: 0rem .1rem .2rem #000000;
    padding-top: .1rem;
    padding-bottom: .1rem;
    border-radius: .5rem;
}

@media (min-width: 1500px) {
    .nav-link {
        margin-left: 7.5px;
        margin-right: 7.5px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.nav-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.0) 80%);
    border-radius: .5rem;
}

@media (min-width: 1200px) {
    .nav-link {
        font-size: 16px;
    }
}

.nav-link:hover {
    background-color: #DC143C;
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), #DC143C 50%);
    color: #ffffff;
}

.nav-link.active {
    background-color: #DC143C;
    background-image: none;
    color: #ffffff;
    box-shadow: none;
}

.footer-email-number a {
    color: #DC143C;
}

.footer-email-number a, .footer-email-number p {
    font-size: smaller;
}

.footer-copyright {
    font-size: smaller;
    margin-bottom: -1rem;
}

.mobile-banner-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.contact-block p {
    margin-bottom: 0;
}