:root {
    --color-black: #232323;
    --color-white: #f7f7f7;
    --color-light-grey: #ebebeb;
    --color-grey: #b7b7b7;

    --color-green: #dbe71b;
    --color-orange: #ff7f11;
    --color-red: #dc291e;

    --color-dark-green: #828b08;
}

#featured a {
    color: var(--color-green);
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
}

#featured a:hover {
    opacity: 0.7;
}

#featured p {
    margin-bottom: 0px;
    opacity: 1;
    font-weight: 500;
    letter-spacing: 2px;
}

#contact,
#contact input[type="radio"],
#contact input[type="radio"]:checked::before {
    background: #333333;
}

h5 {
    color: var(--color-white);
    font-weight: 500;
    opacity: 0.7;
}

#contact label {
    color: var(--color-white);
    opacity: 0.7;
}

#contact input:not([type="radio"]):not([type="checkbox"]) {
    color: var(--color-white);
    border-bottom: 1px solid var(--color-white);
}

#contact input[type="radio"],
#contact input[type="checkbox"] {
    border: 2px solid rgba(255, 255, 255, 0.7);
}

@media (max-width: 768px) {
    #featured a {
        font-size: 18px;
    }
}