.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    @media (min-width: 768px) {
        .bd-placeholder-img-lg {
            font-size: 3.5rem;
        }
    }

    /* GLOBAL STYLES */
    /* Padding below the footer and lighter body text */

    body {
        padding-bottom: 3rem;
        
        color: #3e3e3e;
        background-color: transparent !important;

        font-family: 'SF Arch Rival Extended', sans-serif;
        font-family: 'SF Arch Rival', sans-serif;

        text-align: justify;
    }

    body:after{
        content:"";
        position:fixed; /* stretch a fixed position to the whole screen */
        top:0;
        height:100vh; /* fix for mobile browser address bar appearing disappearing */
        left:0;
        right:0;
        z-index:-1; /* needed to keep in the background */
        background: url('icon/sbgl40.jpg') center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    a, 
    a:hover{
        color: #3e3e3e;
        text-decoration: none;
    }

    button.svg-combo .bi,
    a.svg-combo .bi,
    div.svg-combo .bi {
        width:1em;
        height:1em;
        vertical-align:-.125em
    }

    img.img-svg{
        width:1em;
        height:1em;
        vertical-align:-.125em;

        /* BIANCO */
        filter: invert(89%) sepia(100%) saturate(0%) hue-rotate(116deg) brightness(104%) contrast(100%);
    }

    .back-to-top {
        position: fixed;
        bottom: 25px;
        right: 25px;
        display: none;

        color: #3e3e3e !important;
        background-color: #68ab74;
    }

    #mainContact{
        color: #3e3e3e;
    }

    @media (max-width: 576px) {
        .fix-view {
            height: 40vh;
        }
    }

    @media (max-width: 992px) {
        .fix-view {
            height: 60vh;
        }
    }

    /* MARKETING CONTENT */
    

    /* Center align the text within the three columns below the carousel */
    .marketing .col-lg-4 {
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .marketing h2 {
        font-weight: 400;
    }

    .marketing .col-lg-4 p {
        margin-right: .75rem;
        margin-left: .75rem;
    }


    /* Featurettes */

    /* Space out the Bootstrap <hr> more */
    #slider .featurette-divider {
        height: 3px !important;

        margin: 1rem 0;

        background-color: #86bf8f !important;
        opacity: 0.75;
        
    }

    .avatar{
        max-width: 250px;
        max-height: 250px;
    }

    .featurette-divider {
        height: 3px !important;

        margin: 3rem 0;

        background-color: #86bf8f !important;
        opacity: 0.75;
    }

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

    .featurette-img img, 
    .featurette-carousel{
        border-radius: .9rem !important;
        border-color: #86bf8f !important;
        /* background-color: #86bf8f !important; */
    }

    .card{
        border-radius: .9rem !important;
        border-color: #86bf8f !important;

        padding: .40em !important;

        background-color: #c3f2ce;
    }



    /* RESPONSIVE CSS */

    @media (min-width: 40em) {

        /* Bump up size of carousel content */
        .carousel-caption p {
            margin-bottom: 1.25rem;
            font-size: 1.25rem;
            line-height: 1.4;
        }

        .featurette-heading {
            font-size: 35px;
        }
    }

    @media (min-width: 62em) {
        .featurette-heading {
            margin-top: 4rem;
        }
    }