@media screen and (max-width: 1100px) {
    .contact-main {
        grid-template-columns: 1fr;
    }
    .contact-background-tilt {
        width: 100%;
        left: 0px;
        right: initial;
        
        opacity: 0.5;
        transform: initial;
    }
    .contact-background-image {
        transform: initial;
    }
    .contact-form {
        margin: 60px auto;
    }
    .contact-title {
        max-width: initial;
        padding-left: 30px;
    }
    .contact-description {
        max-width: initial;
        padding-left: 30px;
    }
    .contact-subdesc {
        max-width: initial;
        padding-left: 30px;
    }
}
@media screen and (max-width: 960px) {
    .contact-main {
        padding-top: 30px;
        padding-bottom: 0px;
    }
}
@media screen and (max-width: 600px) {
    .contact-form {
        width: initial;
        font-size: 0.85em;
        margin: 60px 25px;
    }
}