@font-face {
    font-family: roxborough;
    src: url(roxborough-cf-bold.ttf);
}

@font-face {
    font-family: delicious;
    src: url(BDScript-Bold.otf);
}

body {
    background-color: #eae6d9 !important;
    max-width: 800px !important;
}

@media (min-width: 0) {
    h2 {
        font-family: roxborough !important;
        font-size: calc(6vw);
    }

    h2 span {
        font-family: delicious !important;
        font-size: calc(12vw);
    }
}

@media (min-width: 60rem) {
    h2 {
        font-family: roxborough !important;
        font-size: 50px;
    }

    h2 span {
        font-family: delicious !important;
        font-size: 100px;
    }
}

a {
    color: #9b8e63 !important;
}

a:hover {
    color: #61593e !important;
}

button.btn-primary, a.btn-secondary {
    background-color: #eae6d9 !important;
    border: 1px solid #9b8e63 !important;
    color: #9b8e63 !important;
}

button.btn-primary:hover, a.btn-secondary:hover  {
    background-color: #9b8e63 !important;
    border: 1px solid #9b8e63 !important;
    color: #eae6d9 !important;
}

input[type=radio] {
    border: 1px solid #9b8e63 !important;
}

input[type=radio]:hover {
    background-color: #eae6d9 !important;
}

input[type=radio]:checked {
    background-color: #9b8e63 !important;
    border: 1px solid #9b8e63 !important;
}

input[type=checkbox] {
    border: 1px solid #9b8e63 !important;
}

input[type=checkbox]:hover {
    background-color: #eae6d9 !important;
}

input[type=checkbox]:checked {
    background-color: #9b8e63 !important;
    border: 1px solid #9b8e63 !important;
}

span.bg-beige {
    background-color: #9b8e63 !important;
}