.overlay-content {
    box-sizing: border-box;
    margin: 3em auto 1em auto;
    padding: 3em;
    width: 70%;
    color: var(--primary-color);
    background: var(--light-secondary-color);
}

@media (max-width: 850px) {
    .overlay-content {
        margin: 1em 0;
        width: 100%;
        padding: 00.875rem;
    }
}

h2 {
    margin-bottom: 0.85em;
}

p {
    margin-bottom: 0.85em;
}

h3 {
    margin-bottom: 0.85em;   
    opacity: .5;
}

a {
    color: var(--link-color);
}

.button {
    margin: 0 0 1em 0;
    display: flex;
    justify-content: center;
}

button {
    background-color: transparent;
    border: none;
    font-size: 1em;
    font-weight: 600;
    color: var(--primary-text-color);
    opacity: .75;
    text-transform: uppercase;
}

button:hover {
    cursor: pointer;
}