﻿/* Site -------------------------------- */

.container-fluid {
    padding: unset;
}

.featurette-bg {
    padding: 2rem;
    margin: auto;
}

.featurette-bg-1 {
    background-color: #fff;
}

.featurette-bg-2 {
    background-color: #ededed;
}

.featurette-bg-3 {
    background-color: #ffebd6;
}

.jumbotron {
    margin-top: 59px;
    margin-bottom: unset;
    background-color: #ff8b51;
    border-radius: unset;
}

/* Container - Override default behaviour */
@media (min-width: 576px) {
    .container {
        max-width: unset;
    }
}
@media (max-width: 767.98px) {
    .navbar-expand-md >
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: unset;
    }
}
@media (min-width: 960px) {
    .container {
        max-width: 900px;
    }
}

p {
    text-align: justify;
}

.footer {
    background-color: rgba(55, 53, 52, 0.8) !important;
    color: #fff;
    padding: 0.5rem 1rem;
}

.footer-left {
    text-align: center;
}

.footer-right {
    margin-top: 6px;
    text-align: center;
}

@media (min-width: 768px) {
    .footer-left {
        margin-top: 6px;
        text-align: left;
    }

    .footer-right {
        margin-top: unset;
        text-align: right;
    }
}

/* Featurettes ------------------------- */
.featurette {
    max-width: 900px;
    margin: auto;
}

.featurette-first {
    margin-top: 70px !important;
}

.featurette-divider {
    margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}

/* Navbar background */
.navbar-dark {
    background-color: rgba(55, 53, 52, 0.8) !important;
}

/* Client Links ------------------------ */

/* Remove underline */
.client-link {
    text-decoration: none !important;
}

/* Spacing and size */
.client-link img {
    margin: 4px 40px !important;
    max-width: 150px;
}

@media (max-width: 576px) {
    .client-link img {
        margin: 10px 20px !important;
        max-width: 70px;
        max-height: 40px;
    }
}

.nav-link {
    padding-top: unset;
    padding-bottom: unset;
}

@media (min-width: 768px) {
    a.active {
        border-bottom: 2px solid #ff8b51;
    }
}

#map {
    height: 400px;
}
