.contact-section.contact-hero {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-hero.bg-gradient {
    padding-top: 10rem;
    background: transparent linear-gradient(119deg, #4E9E9C 0%, #70ADAC 79%, #84BDB5 100%) 0% 0% no-repeat padding-box;
}

.contact-section-container {
    border-radius: 1rem;
    background: transparent linear-gradient(111deg, #509E9C 0%, #84BDB5 100%) 0% 0% no-repeat padding-box;
    background-image: url(../assets/shapes/Smile.svg), linear-gradient(111deg, #509E9C 0%, #84BDB5 100%);
    background-position: bottom right;
    background-size: 100%, 100%;
    padding: 2.5rem 1.75rem;
    padding-bottom: 15rem;
}

.contact-hero .contact-section-container {
    background: #84BDB5 0% 0% no-repeat padding-box;
    background-image: url(../assets/shapes/Smile.svg);
    background-position: bottom right;
}
.contact-section-container h2 {
    margin-top: 0;
}

.contact-form-container {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: solid 1px #ffffff;
}
.contact-form {
    display: grid;
    grid-template-columns: calc(50% - 0.375rem) calc(50% - 0.375rem);
    grid-template-rows:auto;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    row-gap: 1rem;
}
.contact-section .bold {
    margin-top: 2rem;
    margin-bottom: 3rem;
    text-decoration: none;
    color: #ffffff;
    display: block;
}
textarea.form-input {
    height: 10rem;
}
.contact-form-container .heading-animated {
    max-width: 100%;
}
.span-full {
    grid-column: span 2;
}

.contact-section .footer-social-link svg {
    height: 1.5rem;
}
.contact-form input {
    grid-column: span 2;
}
.contact-form .btn {
    grid-column: span 2;
    width: auto;
}
@media only screen and (min-width: 62rem){

    .contact-section-container {
        padding-bottom: 0;
        padding-top: 0;
        display: flex;
        flex-direction: row;
        background-size: 37.5%, 100%;
    }
    .contact-hero .contact-section-container {
        background-size: 37.5%, 100%;
    }
    .contact-form-container {
        border-bottom: none;
        border-right: solid 1px white;
        padding: 4.75rem;
        width: 60%;
        margin: 0;
    }
    .contact-info-container {
        width: 40%;
        padding: 4.75rem;
    }
    .contact-info-container h2 {
        margin-bottom: 4rem;
    }

    .contact-info-container .bold {
        font-weight: bold;
        margin: 2.5rem 0;
    }

    .contact-form {
        row-gap: 1.75rem;
    }

    .contact-form input {
        grid-column: span 1;
    }

    .contact-form .span-full {
        grid-column: span 2;
    }
}