body,
html {
    position: relative;
    height: 100%;
    /* The image used */
    background: url("../img/bg.jpeg");
    /* Center and scale the image nicely */
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

a {
    color: #000;
}

.btn-sgreen {
    color: #f5f7f4;
    background-color: #497850;
}

.col-sgreen {
    color: #497850;
}

.bg-sgreen {
    background-color: #497850;
}

.btn-sgrey {
    color: #f5f7f4;
    background-color: #C47335;
}

.col-sgrey {
    color: #C47335;
}

.bg-sgrey {
    background-color: #C47335;
}

.btn-sorange {
    color: #f5f7f4;
    background-color: #6A2E35;
}

.col-sorange {
    color: #6A2E35;
}

.bg-sorange {
    background-color: #6A2E35;
}

.s-gradient {
    background-image: -webkit-gradient(linear, left, left, from(#f5f7f4), to(#497850));
    background-image: linear-gradient(90deg, #f5f7f4 0%, #497850 100%)
}

.nav-link:hover {
    background-color: RGBA(168, 200, 70, 0.2);
}