.button {
    background-color:#FED9BF;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button2 {background-color: #ff4d4d;} 
.button3 {background-color: #ff4d4d;} 
.button4 {background-color: #FED9BF;} 


div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 320px;
}

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

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

.gallery > div {
  position: relative;
  float: left;
  padding: 10px;
}

div.desc {
    padding: 25px;
    text-align: center;
}
h1 {
    color:black;
    font-family:verdana;
    font-size:100%;
}
p  {
    color:black;
    font-family:verdana;
    font-size:100%;
	margin:30px;}
	
h2 {color:black;
    font-family:verdana;
    font-size:100%;}
h3 {color:black;
    font-family:verdana;
    font-size:100%;}
html {
    height: 100%;
}
body {
    min-height: 100%;
    position: relative;
}	
#footer {
	  position: absolute;
      bottom: 0;
	  width: 100%;
	 
	  right: 0;
	  padding: 1rem;
	    left:0;
	  text-align: center;
	  padding: 10px;
}
 .footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}