#GetInTouchSection3
{
    width: 100%; height: 1402px; background-image: linear-gradient(#26374A, #17222F)
}

#HaveAQuestionText
{
    font-family: Roboto; color: white; display: grid; justify-content: center; width: 50%; justify-self: center;
}

#contactSection
{
    display: flex; justify-self: center; width: 80%; height: 406px; border-bottom: 1px dashed white
}

#contactSection2
{
    width: 50%; height: 100%;
}

#contactSection2Flex1
{
    display: flex; width: 100%;
}

#contactsection2flex2
{
    display: flex; width: 100%; margin-top: 3%;
}
.smallCardDetails
{
    width: 216px; height: 173px; margin-left: 3%;
}
#contactFormSection
{
    width: 50%; height: 100%;
}

#contactForm
{
    height: 370px; width: 568px; border: 1px solid white; border-radius: 5px; padding: 5%;
}

#manualTextDescription
{
    color: white; font-family: Roboto; width: 80%; justify-self: center; margin-top: -15%; padding: 2%;
}

#manualsContacts1, #manualsContacts2
{
    display: flex; justify-content: center; align-items: center; margin-top: 3%;
}

#contactManualsSection
{
   width: 80%; display: grid; justify-self: center; margin-top: -12%;
}
.OtherCardDetails
{
    width: 323px; height: 173px; margin-bottom: 3%;
}

@media screen and (max-width: 1024px) {
    #contactManualsSection
    {
        width: 100%;
    }
    .OtherCardDetails
    {
        width: 100%;
    }
    #contactSection2
    {
        width: 100%;
    }
    .formManualInput
    {
        margin-bottom: 5%;
    }

    #manualsContacts1, #manualsContacts2
    {
        display: inline;
        margin-bottom: 4%;
    }
    #manualTextDescription
    {
        width: 100%;
        text-align: center;
    }

    #contactForm
    {
        width: 100%;

    }

    #contactFormSection
    {
        width: 100%;
        margin-top: 3%;
    }

    .smallCardDetails
    {
        margin-left: 0%;
        width: 100%;
        height: 173px;
    }

    #contactSection2Flex1, #contactsection2flex2
    {
        display: grid;
    }
    #HaveAQuestionText
    {
        width: 100%;
        text-align: center;
    }
    #contactSection
    {
        display: grid;
        height: auto;
        width: 100%;
    }
    #GetInTouchSection3
    {
        height: auto;
    }
}