#header__background {
    background-image: url('../IMG/backgroundHeader/Background\ Contact.jpg');
}

#header { 
    height: 200px;
}
#header__background {
    height: 300px;
}
@media (min-width: 840px) {
    #header {
        height: 300px;
    }

    #header__background {
        height: 500px;
    }
}

#content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
}
@media (min-width: 840px) {
    #content {
        padding: 0;
    }
}

#card {
    text-align: center;
    width: max-content;
    padding: 20px 20px;
    border: 3px solid var(--main-red);
    text-transform: uppercase;
    margin-right: 30px;
    font-size: 0.7rem;
    margin-left: 30px;
}
@media (min-width: 840px) {
    #card {
        font-size: 1.5rem;
        padding: 50px 180px;
        margin-left: 0;
    }
}

#time {
    font-size: 0.7rem;
    font-weight: 200;
}
@media (min-width: 840px) {
    #time {
        font-size: 1.5rem;
    }
}

.email {
    text-decoration: underline;
}