/* Overall styles - brand colours etc. */

.bg-light {
    background-color: #ffffff !important;
}

.bg-secondary {
    background-color: #fafafa !important;
}

.jumbotron {
    background-color: #f4f3f7 !important;
    margin-bottom: 0;
}

.container-fluid {
    padding: 4rem 2rem;
}

p {
    color: #414547;
    font-size: 16px;
    line-height: 24px;
}

h3 {
    color: #4b286d;
}

.font-weight-bold {
    font-weight: bold !important;
    color: black;
}

/* Header styling */

.navbar-light {
    border-bottom: 1px solid rgb(227, 230, 232);
}

@media only screen and (max-width: 575px) {
    .navbar-light {
        padding-left: 3rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .navbar-light {
        padding-left: 5rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-light {
        padding-left: 5rem;
    }
}

@media only screen and (min-width: 992px) {
    .navbar-light {
        padding-left: 7rem;
    }
}

/* Banner (Jumbotron) styling */

.jumbotron-img {
    width: 100%;
}

/* Button styling */

.btn-primary {
    background: #248700;
    color: #ffffff;
    font-family: telusweb;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    border-radius: 250px;
    padding: 11px 31px;
    border: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited {
    background: #105216;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

@media only screen and (max-width: 575px) {
    .btn-sentence-1::after {
        content: "\a";
        white-space: pre;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .btn-sentence-1::after {
        content: "\a";
        white-space: pre;
    }
}

.cert-calling-img {
    width: 100%;
    max-width: 250px;
}

.co-logo-img {
    max-width: 100%;
}

/* Footer styling */

.footer .container {
    margin-top: 4rem;
    border-top: 1px solid rgb(227, 230, 232);
    padding: 18px 0 19px 0;
}

.footer p {
    color: rgb(65, 69, 71);
    font-size: 14px;
}