Wie kann ich meinen Kontakt in meiner Div behalten?

Question

Ich habe meine Seite erstellt, und am Ende der Seite habe ich ein Kontaktformular. Wenn ich jedoch das Formular bei der Überprüfung skaliere und zu einem mobilen Gerät gehe, wird das Kontaktformular in meine Fußzeile eingefügt.

What I currently have - click here

. 

Könnte mir jemand zeigen, wie dieses Problem behoben werden kann? Ich habe den Z-Index des div geändert, den ich behalten muss, aber es hat keinen Unterschied gemacht, und nichts anderes, was ich versucht habe, hat auch funktioniert.

Mein Ziel ist es meine Kontaktform proportional Cross-Plattform zu halten: Bild 1 ist das, was Desktop aussieht, Bild 2 ist das, was das Problem ist:

Answer 1

Sie haben die Max- hinzufügen Breite .contact-form>.form-group so würde das Element der nicht

.contact-form>.form-group{ 
    max-width:80%; 
}