Formatting forms in footer

Dear Enfold team,

a couple of months ago I asked about integrating eForms with Enfold. @Ismael sent me CSS code which works great for content, sidebars etc.

Today I tried integrating a form into a footer widget and realized that the code (which references #top id) is not working for the footer. I tried replacing #top with #footer, but that didn’t do the trick. It’s basicalle just the margins/paddings that are way too large, but I can’t get rid of them.

Please take a look at the form in the middle column of my footer here:
https://datenschmutz.net/silvester2018-alles-gute/

This is the original code I got from Ismael:

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    border-color: transparent;
    background-color: transparent;
    color: #808080;
    border-bottom: 1px solid #9e9e9e;
    margin-left: 3em;
    width: 92%;
    width: calc(100% - 3em);
}

#top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus {
    box-shadow: none;
    color: #555;
}

Any ideas how I can make it work in the footer?

thanks, Ritchie