body{
   margin:0;
   background-color:#E3E3E3;
}
.headerBlack {
         margin-left: 2%;
         margin-right:2%;
         width: 96%;
         padding:5px;
         align-content:center}

@media screen and (min-width: 760px) {
    .full-width-img {
        margin-left: 2%;
        margin-right:2%;
        width: 96%;
        align-content:center
    }
}


* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

/* Style the header */
.header {
  background-color: #f1f1f1;
  padding: 1px;
  border: 1px solid #333;
  border-color:#333;
  width: 96%;
  box-shadow: 1px 1px 5px #444;
  margin:0 auto;
  text-align: center;
}

Style the top navigation bar 
.header1 {
  overflow: hidden;
  background-color: #333;
}

/* Style the topnav links */
.header1 {
  float: left;
  display: block;
  color: #f2f2f2;
  background-color: #333;
  text-align: center;
  padding: 6px 14px;
  text-decoration: none;
}

/*Change color on hover */
.header1 a:hover {
  background-color: #ddd;
  color: black;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 15px;

  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:1000px) {
  .column {
    width: 100%;
    
    
  }
}