body {  
  background-color: blue;
}

.center {  
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;  
  font-size: medium;  
  text-indent: 1%;  
  margin-left: 1%;  
  margin-right: 1%;
}

.wrapper {  
  background-color: blue;  
  clear: both;  
  left: auto;  
  right: auto;  
  margin-top: auto;  
  margin-right: auto;  
  margin-bottom: auto;  
  margin-left: auto;
  align: center;
}

.Navbar {  
  /* background-color: #33cc00;   */
  background-color: #ffff33;  
  font-family: Courier;  
  font-size: large;
  font-variant: small-caps;
  width: 100%;  
  /* height: 40px; */
  overflow: hidden;
  text-align: center;
}

.Navbar a{
  float: left;
  display: block;
  padding: 14px 16px;
  text-decoration: none;
  background-color: #ffff33;  
}
.Navbar a:hover {
  background-color: #ddd;
  color: black;
}
.NavPara {  
  background-color: #ffff33;  
  font-family: Courier;  
  font-size: large;
  font-variant: small-caps;
}
.NavTable {  
  background-color: #ffff33;  
 /* width: 100%;  */
  height: auto;  
  padding-left: 0%;  
  float: none;  
  clear: left;  
  position: relative;  
  font-family: Courier;  
  font-variant: small-caps; 
  font-size: medium;
  table-layout: auto;
}

/*
.CenterContent {  
  background-color: #33ccff;
  height: 100%;
}
*/


.col-cont {
 display: table;
 width: 100%;
}
.centercontent {  
  display: table-cell;
 /* float: left;  */
  width: 79%;   
  padding-left: 0%;  
  padding-right: 0%;  
  background-repeat: repeat;  
  background-color: #ccffff;
}

.Footer {  
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;  
  font-size: small;  
  /* float: left;   &/
  /* height: 30px;  */
  width: 100%;
  clear: both;  
  background-color: yellow;
  overflow: hidden;
}

div.header {  
  width: 100%;
}

.Imgheader {  
  display: table;
  width: 100%;  
  height: 140px;  
  clear: both;  
  background-color: #ffcc33;  
  bottom: 10px;  
  padding-top: 2%;  
  padding-right: 0%;  
  padding-left: 0%;  
  text-align: center;
}

.Imgheaderleft {
 display: table-cell;
 width: 20%;
 /* border-style: solid; */
}
.Imgheadercenter {
 display: table-cell;
 width: 60%;
}
.Imgheaderright {
 display: table-cell; A
 width: 20%;
}

.RightboxDiv { 
  background-color: #ffff33;  
  margin-top: 20px;  
  margin-right: 20px;  
  margin-bottom: 10px;  
  margin-left: 20px;  
  font-family: Courier;  
  font-size: small;  
  font-variant: small-caps;
  /* overflow: auto; */
  height: 300px;
  overflow: auto;
}

.RightBox {  
  display: table-cell;
  /*float: left;*/
  background-color: #33cc00;  
  width: 21%;  
}

.CenterPara {  
  text-indent: 1%;  
  text-align: left;
}

span {
}

.CenterText {  
  width: 98%;  
  padding-left: 1%;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;  
  font-size: medium;  
}


.center-class-class {  
  background-repeat: repeat-x;
}

.Centerbackground {  
  background-repeat: repeat-x;
}
div.gallery {
  border: 1px solid #ccc;
}

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

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}