.head {
    background-color: rgba(var(--secondary-color-var), 1);
}

.form-wrapper {
    padding-left: calc(1440px * 3 / 14);
}

.wrapper {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(100% / 14);
    padding-right: calc(100% / 14);
}

@media (min-width: 768px) {
    .wrapper-form {
        padding-left: calc(100% * 2 / 14);
        padding-right: calc(100% * 2 / 14);
    }
}

@media (min-width: 1200px) {
    .wrapper-form {
        padding-left: calc(100% * 3 / 14);
        padding-right: calc(100% * 3 / 14);
    }
}

@media (min-width: 1440px) {
    .wrapper-form {
        padding-left: calc(1440px * 3 / 14);
        padding-right: calc(1440px * 3 / 14);
    }
}

.contact-form {
    background-color: white;
    border-radius: 20px;
}

.mobile .contact-form {
    border-radius: 0;
}

@media (max-width: 767px) {
    .contact-form {
        margin-left: calc(100% / -12);
        margin-right: calc(100% / -12);
        padding: 2rem calc(100% / 14);
    }
}

@media (min-width: 768px) {
    .contact-form {
        padding: 3rem calc(100% / 10);
    }
}

@media (min-width: 1200px) {
    .contact-form {
        padding-left: calc(100% / 8);
        padding-right: calc(100% / 8);
    }
}

.email-link {
    font-size: 50px;
    color: var(--primary-color);
    font-weight: bolder
}

.mobile .email-link {
    font-size: 30px;
}

.email-link:hover {
    color: var(--primary-color-hover);
}

.email-container {
    background-color: #f7f7f8;
}