#contact-block a {
    color: #006A66;
}

#contact-block a:focus {
    outline: 2px solid;
}

#contact-block a:focus:not(:focus-visible) {
    outline: none;
}

#container {
    background-image: url("/static/common/img/contact-background.4a31c8f7a422.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

#contact-block {
    border: 1px solid #bdbdbd;
    background-color: rgba(255, 255, 255, 0.85);
    width: 45%;
    height: auto;
    color: black;
    text-align: center;
    padding: 3% 2% 5% 2%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

}

.person {
    padding-top: 30px;
}

.issues {
    padding-top: 30px;
}

@media only screen and (max-width: 1024px) {
    #contact-block {
        width: 55%;
    }
}

@media only screen and (max-width: 800px) {
    #contact-block {
        width: 65%;
    }
}

@media only screen and (max-width: 425px) {
    #contact-block {
        width: 80%;
        padding: 3% 4% 5% 4%;
    }
}

@media only screen and (max-width: 375px) {
    #contact-block {
        width: 85%;
    }
}