Removing Margins on Body

Hello IndiBiz,

I think I over edited the custom code on this theme and in the wrong way…

Could you please advice me what would be the best code practice to have:

*The header in white color
*The background %100 in green color (no margins, no boxes)
*The Footer Widget Area & Sidebars in Dark Green color (no margin)
*Sidebars all the way to the right
Just as the example here: https://www.anasway.net/ZooTest/
but without breaking the paddling all throughout out as you will notice in my current code bellow:

.nav-wrapper {
	padding-top: 0;
	border-top: 0;
	background: #ffffff !important;
}

.nav-wrapper.hero-section.sticky.fixed .logo p.site-title {
  margin: 3px 15px;
  font-size: 20px;
  line-height: 20px;
   color: #40bc69;
}

.nav-wrapper.hero-section.sticky.fixed .logo p.site-desc {
  margin: 3px 15px;
  line-height: 18px;
  font-size: 14px;
    color: #217800;
}

.nav-wrapper.hero-section.sticky  .logo p.site-title {
  margin: 3px 15px;
  font-size: 30px;
  line-height: 30px;
  transition: margin-bottom 1s, font-size 1s;
}

.nav-wrapper.hero-section.sticky .logo p.site-desc {
  margin: 3px 15px;
  line-height: 22px;
  font-size: 0px;
  transition: font-size 1s;
}

.hero-section {
	background: #40bc69;
	border-top: 1px solid #ddd;
}

.post-wrapper {
	padding-top: 0px;
}
.hentry {
	margin: 0 0 0;
}

.breadcrumbs { display:none;}

.container{
padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}
@media (min-width:768px)
{.container{width:750px}}@media (min-width:992px)
{.container{width:970px}}@media (min-width:1200px)
{.container{width:100%}}
.container-fluid{
padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:0px;margin-left:0px}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:0px;padding-left:0px}

.footer-terminal {
	background: #000000;
	padding: 15px 0;
	font-size: 13px;
}

div.content-area header {
    padding: 0;
    margin: 0;
    border-bottom: 0;
    background: #40bc69;
    padding-top: 0px;
}

body,
button,
input,
select,
textarea {
	color: #ffffff;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: 0;
	font-family: arial,sans-serif !important;
	font-weight: 700;
	line-height: 1.45;
	color: #ffffff;
	margin: 0 0 1.5rem;
}

div.content-area header h1{
	margin-top: 0;
    padding-bottom: 0px;
}

h1, h2 {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0px solid #e3e3e3;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #f9ff95;
}

a:visited {
}

a:hover,
a:focus,
a:active {
	color: #a3a3a3;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
	text-decoration: none;
}

.content-area article {
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	        -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	        -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	        background: #40bc69;
	        padding-left: 25px;
	        padding-right: 25px;
	        padding-bottom: 25px;
	        padding-top: 25px;
}

 aside.widget.sidebar {
	padding: 10px 20px 5px 20px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	background: #217800;
}

body .gform_wrapper .gform_footer input[type=submit] {
	float: center;
	height: 70px;
	width: 100% !important;
	border-radius:10px;
	border:3px solid #1ba018;
	background: #148711;
	box-shadow: none !important;
	display:inline-block;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
}

body .gform_wrapper .gform_footer input:hover[type=submit] {
	float: center;
	height: 70px;
	width: 100% !important;
	border-radius:10px;
	border:3px solid #1ba018;
	background: #0f630c;
	box-shadow: none !important;
	display:inline-block;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
}

.gform_wrapper .gfield_password_strength{
border:1px solid #DDD;
margin-top:1.15em;
margin-bottom:1.15em;
line-height:1.8;
padding:.313em;
text-align:center;
text-shadow: 0 0 0.2em #40bc69, 0 0 0.2em #40bc69, 0 0 0.2em #40bc69;
background-color:#40bc69}

.gform_wrapper
.top_label
.gfield_label{
margin:.0em 0 .5em;
font-weight:700;
display:-moz-inline-stack;
display:inline-block;
line-height:0.0;
clear:both
}

body,
button,
input,
select,
textarea {
	color: #000000;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

.s-footer {
	border-top: 0px solid #ddd;
	padding: 40px 0 25px 0;
	background-color: #217800;
	color: #C9C9C9;
	font-size: 14px;
}

.footer-terminal {
	padding: 10px 10px 10px !important;
	font-size: 13px;
}
.footer-copyright p {
    margin-bottom: 0;
    color: #848484;
    font-size: 14px;
	padding: 10px 15px 10px !important;
}

Thank you very much for your help!
I do appreciate it!