@media(min-width: 1366px) {
    .contact-div {
        width: 900px;
        background-color: var(--off-color);
        margin: 0 auto;
        padding: 50px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        align-self: flex-start;
        border-radius: 3px;
    }
    #contact-form {
        width: auto;
        margin: 0;
        padding: 0;
    }
    .contact-right {
        min-width: 45%;
        border-left: 1px solid #d0d0d0;
        margin: 0 0 0 50px;
        padding: 0 0 0 50px;
    }
    .contact-div h4,
    .contact-right h4 {
        color: var(--font-color);
        font-size: 20px;
        font-style: italic;
        font-weight: 600;
        margin: 10px 0;
    }
    .contact-right p {
        text-align: left;
        color: var(--font-color);
        margin: 5px 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
    }
    .contact-right a {
        color: var(--primary-color);
        text-decoration: none;
        font-size: inherit;
    }
}

@media(max-width: 1366px) and (min-width: 1024px) {
    .contact-div {
        width: 900px;
        background-color: var(--off-color);
        margin: 0 auto;
        padding: 50px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        align-self: flex-start;
        border-radius: 3px;
    }
    #contact-form {
        width: auto;
        margin: 0;
        padding: 0;
    }
    .contact-right {
        min-width: 45%;
        border-left: 1px solid #d0d0d0;
        margin: 0 0 0 50px;
        padding: 0 0 0 50px;
    }
    .contact-div h4,
    .contact-right h4 {
        color: var(--font-color);
        font-size: 20px;
        font-style: italic;
        font-weight: 600;
        margin: 10px 0;
    }
    .contact-right p {
        text-align: left;
        color: var(--font-color);
        margin: 5px 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
    }
    .contact-right a {
        color: var(--primary-color);
        text-decoration: none;
        font-size: inherit;
    }
}

@media(max-width: 1024px) and (min-width: 769px) {
    .contact-div {
        width: 100%;
        background-color: var(--off-color);
        margin: 0 auto;
        padding: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        align-self: flex-start;
        border-radius: 3px;
    }
    #contact-form {
        width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .contact-right {
        min-width: 45%;
        border-left: 0px solid #d0d0d0;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .contact-div h4,
    .contact-right h4 {
        color: var(--font-color);
        font-size: 20px;
        font-style: italic;
        font-weight: 600;
        margin: 10px 0;
    }
    .contact-right p {
        text-align: left;
        color: var(--font-color);
        margin: 5px 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
    }
    .contact-right a {
        color: var(--primary-color);
        text-decoration: none;
        font-size: inherit;
    }
}

@media(max-width: 769px) {
    .contact-div {
        width: 100%;
        background-color: var(--off-color);
        margin: 0 auto;
        padding: 25px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        align-self: flex-start;
        border-radius: 3px;
    }
    #contact-form {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .contact-right {
        min-width: 100%;
        border-left: 0px solid #d0d0d0;
        margin: 25px 0 0 0;
        padding: 0 0 0 0;
    }
    .contact-div h4,
    .contact-right h4 {
        color: var(--font-color);
        font-size: 20px;
        font-style: italic;
        font-weight: 600;
        margin: 10px 0;
    }
    .contact-right p {
        text-align: left;
        color: var(--font-color);
        margin: 5px 0;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
    }
    .contact-right a {
        color: var(--primary-color);
        text-decoration: none;
        font-size: inherit;
    }
}