body{
  
  background: #f3f3f3;
}






body { 
  color: #fff;
  font-family: sans-serif;
  font-size: 1.25rem;
  line-height: 150%;
  text-align: center;
  text-shadow: 0 2px 2px #b6701e;
}

h1 {
  font-size: 1.75rem;
  margin: 0 0 0.75rem 0;
}

// Pattern styles
.container {
  display: table;
 
  width: 100%;
  margin:10px,0px,10px,0px;
  padding: 1px;
  border-collapse: separate;
    border-spacing: 10px;

}
section{margin:10px,0px,10px,0px;

}

div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 50%;
  padding: 1rem;
}

.left-half {
  color: black;
  background: #ffffff;
  box-shadow: 10px 10px 5px #888888;
    border-radius: 10px 0px 0px 10px;
}
.left-half h1{
  color: black;
}
.right-half {
  border-radius: 0px 10px 10px 0px;

  background: #e0e3e9;
  box-shadow: 10px 10px 5px #888888;
}
.both{
  display: table;
  border-radius: 10px;
  box-shadow: 10px 10px 5px #888888;
  width: 100%
}


nav {
  background-color: #333;
  margin: 0;
  font-size: 15px;
  text-shadow: none;
  overflow: hidden;
   }

/* Make the list of links take up the whole width of the nav */

nav ul {

  margin: 0;
  padding: 0;
  }



nav ul li {
  display: inline-block;
  list-style-type: none;
}
nav > ul > li > a{

  color: #aaa;

    
    display: block;

    line-height: 2em;

    padding: 0.5em 0.5em;

    text-decoration: none;

}

ul.a{
  list-style-type: circle;
  list-style-position:inside;
  display: inline-block;
  text-align: left;
}
li span{
  margin-left:0em;
 

}

ul.a li{