.text-teal {
    color: #2d6c71;
}

.text-light-slate {
    color: #c6d6e5;
}

.text-light-teal {
    color: #c3f9f5;
}

.bg-teal {
    background: #406b6f;
}

.bg-light-teal {
    background: #8daeb1;
}

#copyright {
    color: rgba(255, 255, 255, 0.75);
}

#wrapper > .bg {
    background-color: #000c0e;
}

#footer .button.primary {
    background-color: #2d6c71;
}

.testimonial-card {
    background: #f8fafc;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    padding: 2rem;
    margin-bottom: 2rem;
    position: relative;
}

.testimonial-icon {
    font-size: 2.5rem;
    position: absolute;
    top: 1rem;
    left: 1.5rem;
}

.testimonial-author {
    margin-top: 1.5rem;
    font-weight: bold;
}

@media screen and (orientation: portrait) {

    #wrapper > .bg {
        background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg-vert.jpg");
        background-size: auto, auto, auto 45%;
    }

}

@media (max-width: 768px) and (orientation: portrait) {

    #wrapper > .bg {
        background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg-vert.jpg");
        background-size: auto, auto, auto 105%;
    }

}

@media screen and (max-width: 980px) {
    /** Show only the first column in elements with the class "mobile-single" **/
    .mobile-single > [class*="col-"] {
        display: none;
    }

    .mobile-single > [class*="col-"]:first-child {
        display: block;
    }
}