.header {
  padding:10px 5px 15px 20px;
  background: #248CD7;
  background: rgba(26, 144, 229,.5)
}
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #248CD7;
}
ul {
  margin: 0;
  padding: 0;
  background-color: #90CCF7;
  height: 3%;
  position: fixed;
  overflow: auto;
 }
body {
  background-image: url("htmlbackground.png");
}
div.divalign{
  width: 50%;
  margin: 0 auto;
  
}
div.gallery {
  margin: 6%;
  border: 1px solid #ccc;
  float: left;
  width: 200px;
  display: inline-block;
  vertical-align: middle;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  
}
div.center {
  display: block;
  margin: 25px 50px 75px 660px;
  width: 60%;
}
div.notes{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height:300px;
  border: 3px solid black;
  background-color: white;	
	
}