/*************************
Base Styles
*************************/

html {
  color: #222;
  font-size: .937em;
  line-height: 1.4;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}



body {
  font-family: Arial, sans-serif;
  font-size: .937em;
  line-height: 26px;
}

<!-- #DEDFE1 -->
.gradient {
  background-image:
    linear-gradient(
      to right, 
      #000000,
      #000000,
      #DEDFE1,
      #DEDFE1, 
      #FFFFFF,
      #FFFFFF,
      #FFFFFF,
      #FFFFFF,
      #FFFFFF,
      #DEDFE1,
      #DEDFE1,
      #000000,
      #000000
    );
}

.wrapper {
  width: 90%;
  margin: 0 auto;
}


.header-container {
    border-bottom: 20px solid #599a68;
}



.header-menu {
    margin: 0 auto;
}


.footer-container,
.main aside {
    border-top: 20px solid #599a68;
}

.header-container,
.footer-container,
.main aside {
    background: #6ab47b;
}

.title {
    color: white;
}


.main {
  padding: 30px 0;
}

.main article h1 {
  font-size: 2em;
}

.main aside {
  color: white;
  padding: 0px 5% 10px;
}

.footer-container footer {
  color: white;
  padding: 20px 0;
}




/*************************
Font Stylings
*************************/
h1, h2, h3
{
    color: #104432;
    padding: 0 0 0 0;
    margin: 1% 0 .5% 0;
}

h1
{
    font-size: 1.4em;
}

h2
{
    font-size: 1.2em;
}

h3
{
    font-size: .937em;
    margin: 0 0 0 0;
    text-decoration: underline;
}





/*************************
Navigation Menus
*************************/

/* Few items at top-right of page */
#top-small nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#top-small nav a {
  display: block;
  margin-bottom: 5px;
  padding: 5px 0;
  font-size: 0.75em;
  text-align: right;
  text-decoration: none;
  font-weight: bold;
  color: black;
  font-family: "Open Sans", sans-serif;
  background: none;
}

#top-small nav a:hover,
nav a:visited {
  color: white;
}

#top-small nav a:hover {
  text-decoration: underline;
}


/* Normal Nav Menu */
nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

nav a {
  display: block;
  margin-bottom: 10px;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: black;
  font-family: "Open Sans", sans-serif;
  background: none;
}
/*  background: #599a68; */

nav a:hover,
nav a:visited {
  color: white;
}

nav a:hover {
  text-decoration: underline;
}





/*************************
Media Queries
*************************/
@media only screen and (max-width: 480px) {
.logo-website {
	visibility:hidden;
}

	
@media only screen and (min-width: 480px) {

  nav a {
    float: left;
    width: 50%;
    margin: 0 0 0 5%;
    padding: 15px 1%;
    margin-bottom: 0;
  }

  nav li:first-child a {
    margin-left: 0;
  }

  nav li:last-child a {
    margin-right: 0;
  }

}


@media only screen and (min-width: 768px),
       only screen and (min-width: 700px) and (orientation: landscape) {

  .title {
    float: left;
    font-size: 1.4em;
  }

  nav {
    float: right;
    width: 60%;
  }

  nav a {
    padding: 15px 1%;
  }

  .main article {
    float: left;
    width: 57%;
  }

  .main aside {
    float: right;
    width: 38%;
  }
  
}


@media only screen and (min-width: 1140px) {

  .wrapper {
    width: 1026px;
    margin: 0 auto;
  }

  .title {
    font-size: 2em;
  }

  nav a {
    padding: 25px 1%;
  }
  
}


/*************************
Clearfix
*************************/

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}