html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #D1DAC2; /* me */
}


/* all me below */
.navbar {
    background-color: #FEE6D2 !important;
    height: 80px;
}

    .navbar a {
        color: #295747 !important;
    }

        .navbar a:hover {
            text-decoration: underline;
        }

.head-img {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('/img/head.jpg');
    height: 15vw;
}

.hide-by-default {
    display: none;
}