﻿.btn-top {
    background-color: #f48b29 !Important;
    border-color:coral !Important;
}
.navbar-light {
    background-color: #2a2d3e !important;
}
.carousel-item {
    position: relative !important;
    padding: 0 0 !important;
}

.carousel-indicators {
    margin-bottom: 0rem !important;
}
.container-carousel-banner {
    padding-top: 3rem;
}
.section-fixed-banner {
    padding-top: 12rem !important;
    padding-bottom: 5rem !important;
}
.secondary-text-colour {
    color: #f16621 !important;
}
.primary-text-colour {
    color: #243b7f !important;
}

    @media (min-width: 320px) {
        .custom-h1 {
            font-size: 2.2rem;
        }

        .features-custom-h2 {
            font-size: calc(1.325rem + 0.8vw); /*calc(1.325rem + 0.9vw);*/
        }

        .icon-feature {
            font-size: 2rem;
        }
    }

    @media (min-width: 1200px) {
        .custom-h1 {
            font-size: 4rem;
        }

        .features-custom-h2 {
            font-size: 2.5rem;
        }

        .icon-feature {
            font-size: 3rem;
        }

        .page-featured-image {
            height: 530px;
            padding: 120px 0;
        }

        .page-featured-image {
            background-color: #ddd;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-blend-mode: multiply;
        }

        .page-featured-image {
            padding: 55px 0;
        }

            .page-featured-image h1 {
                margin: 0 auto 10px auto;
                padding: 0;
                font-size: 20px;
            }

            .page-featured-image h2 {
                font-size: 15px;
                line-height: 25px;
                margin: 0 auto;
                padding: 0;
                width: 85%;
            }

            .page-featured-image h3 {
                font-size: 13px;
                margin: 7px;
            }

            .page-featured-image h4 {
                font-size: 25px;
            }

            .page-featured-image a {
                width: 85%;
                padding: 20px 0;
                font-size: 15px;
                text-decoration: underline;
            }

            .page-featured-image small {
                display: block;
                font-size: 14px;
                margin-top: 20px;
                text-decoration: underline;
                color: #fff;
            }
    }
