.hero {
    /*background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)), url(/img/bg.jpg);*/
    background-color: #FFF;
    background-image: url(../img/bg.jpg);
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-position: relative;
    /*position: relative;*/
    background-repeat: no-repeat;
    background-size: cover;
}


/*.hero::before {
background-image: url(/img/bg.jpg);
background-size: cover;
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
opacity: 0.08;
}*/

.vh-center {

    height: 100vh;
    display: flex;
    align-items: center;
    padding-bottom: 12%;
    /*overflow: hidden;*/

}

body {   
    font-size: 1rem;
}

h2, .h2 {
    font-size: 1.1rem;
    margin-top: 0.05rem;
}


@media (max-width: 576px) {
    .vh-center {

        height: 100vh;
        display: flex;
        align-items: center;
        padding-bottom: 30%;
        /*overflow: hidden;*/

    }
}

.image {
    opacity: 0.3;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.client-logo:hover .image {
    opacity: 1;
}


.divider-navbar {
    border-top: 1px solid #dee2e6 !important;
    margin-top: 2px !important;
    padding-bottom: 2px !important;
}

.divider {
    border-top: 1px solid #dee2e6 !important;
    margin-top: 3rem !important;
    padding-bottom: 3rem !important;
}

footer p {
    font-size: 0.9rem;
}

.section-title {
    margin-bottom: 0.35rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1rem;
    color: #ff5252 !important;
}

ul.section-list {
    list-style-type: none;
    padding: 0;
    margin-bottom: 1rem;
}

ul.section-list li {
        padding-left: 1em;
        text-indent: -0.5em;
}


ul.section-list li::before {
    content: "–";
    color: #ff5252 !important;
    display: inline-block;
    width: 0.5em;
    /*margin-left: -2em*/
}


.project-name {
    margin-bottom: 0.35rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1rem;
    color: #ff5252 !important;
}

.project-desc {
    margin-bottom: 0.35rem;
    font-weight: 400;
    line-height: 1.2;
    font-size: 1rem;

}

.project-client {
    font-variant: small-caps;
    font-weight: 400;

}


.contact-title {
    margin-bottom: 0.35rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1rem;
}

.carousel-indicators {
    top: 20px;
}

.carousel-indicators li {
    background-color: red !important;
}

.carousel-indicators li {
    opacity: .2;
}