body {
    background: url("background.png") no-repeat center center fixed;
    background-size: cover;

    font-family: 'Open Sans', sans-serif;
}

@media (max-width: 767px) {
    body {
        background-attachment: initial;
    }
}

*, ::after, ::before {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5 {
    font-family: 'Heebo', sans-serif;
}

hr {
    border-top: 0.075rem double black;
}

dt {
    text-align: right;
}

dd {
    margin-bottom: 1rem;
}

a {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: none;
    color: #F78C10;
}

p:hover {
    color: #F78C10;
}

ul {
    padding-inline-start: 0;
}

ul li {
    padding: 1rem;
    list-style: none;
    text-align: center;
}

ul li:last-child {
    border-bottom: none;
}

ul li a::before {
    content: "- ";
}

ul li a::after {
    content: " -";
}

ul li a:hover::before {
    content: "- ";
    color: black;
}

ul li a:hover::after {
    content: " -";
    color: black;
}

#content {
    background-color: rgba(255,255,255,0.5);
    padding-top: 30px;
    padding-bottom: 30px;
}

.btn-outline-black, .input-outline-black {
    color: black;
    border-color: black;
    background-color: rgba(255,255,255,0);
}

.btn-outline-black:hover {
    color: #F78C10;
    border-color: black;
}

.orange-font {
    color: #F78C10;
}