H1
{
font-size:300%
}

H2
{
font-size:200%
text-align:center;
}


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

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

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

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

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0.6px;
  float: left;
  width: 25%;
}


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


li {
    list-style-type:none;  
}

.responsive-menu {
    display:block;
    background-color:	darkolivegreen;
    color:lightgreen;
    text-align:center;
    padding:100px;
    font-size:300%;
}

.responsive-menu ul li ul li {
    padding:10px;
}

.responsive-menu ul li ul {
    display:none;
    font-size:80%;
    padding-top:5px;
}
.responsive-menu ul li:hover ul {
    display:block;
    background-color:palegreen;
}

a:link, a:visited {
  background-color: seagreen;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color:lightgreen;
}

a {
  text-decoration: none;
  display: inline-block;
  font-size:30px;
  padding: 8px 16px;
}

a:hover {
  background-color: #ddd;
  color: black;
}

.previous {
  background-color: white;
  color: black;
  float:left;
}

.home{
 background-color:white;
color:black;
 float:center;
}

.next {
  background-color: white;
  color: white;
  float:right;
}

table, td, th {
  border: 1px solid limegreen;
 text-align:center;
}

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

/* Style the navigation bar links */
.navbar a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 4px 5px;
  text-decoration: none;
}

/* Right-aligned link */
.navbar a.right {
  float: right;
}