Twenty Seventeen - Seitengröße - Ränder - Linien - Farben individuell verändern

Hallo, ich komme bei meiner Seitengestaltung nicht richtig weiter.

http://latest.stoklossa.org

Ich möchte mittels Twenty Seventeen in erster Linie Bilder zeigen.
Dabei maximale Bildhöhe ohne Rand zwischen Header+Menü und Footer erhalten.
Auf die Linien zwischen den Seitenelement verzichte ich gern.

Meine individuelen Modifikation klappen inzwischen einigermaßen und ich kann, glaube ich, inzwischen auch den Bereich zwischem dem Seiteninhalt und dem Footer per css ansprechen. Das ist im Moment vielleicht eher provisorisch, denn wenn ich den Rand und das padding verändere geht auch schnell die responsive Darstellung für Tablet oder Mobile verloren.

1) Wenn ich die grauen Linien (im dunklen Farbschema) am Rand vom Footer nicht entferne, wandert sie z.B. in der Tabletdarstellung dann in den Seiteninhalt von Twenty Seventeen - gibt es eine elegantere/bessere Lösung?

/*Unterer Rand Seite vor Footer-noch nicht gut*/
.site-content article { margin-bottom: -40px; padding-bottom: 0px;
 }

2) Wenn ich die grauen Linien (im dunklen Farbschema) am Rand vom Menue entferne, fehlt z.B. in der mobilen Darstellung Tabletdarstellung der Bereich und das Headerbild scheint ungewollt durch. Hier gelingt es mir nicht den Farbton des vorgegebenen dunklen Farbschemas anzusprechen/zu ändern.

/*Graue Line Menue weg-ergibt Lücke bei Darstellung Mobile*/
.navigation-top { 
border-top: none;
border-bottom: none;
}

Damit

1px solid #1c1c1c

im zusätzlichen css oder auch via Eingabemöglichkeit im Advandcend Child/Header/Menue bleibt die Farbe unverändert.

:confused:Würde mich nochmals über Hilfe freuen.