.bodycenter{
  text-align: center;
}

.images1{
  padding: absolute;
  height: auto;
  width:70%
  
}

.images2{
  width: 60%;
}

.images2:hover{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

.images2:active{
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
  box-shadow: none;
}

.page1{
  width: 60%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.page5{
  position:relative;  
  width: 60%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.buttom{
 background-color: rgb(143, 183, 170);
 display: inline-block;
 font-size: 2rem;
 border-radius: 10px;
 margin-right: 30px;
 margin-top: 5px;
 margin-bottom: 10px;
 text-decoration: none;
 color: #f8f7f5;
 border-bottom: solid 4px #54676d;
 padding: 5px 10px;
}

.buttom:active{
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}

@media screen and (max-width: 480px) {
  .buttom{
    background-color: rgb(143, 183, 170);
    display: inline-block;
    font-size: 1rem;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 170px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #f8f7f5;
    display: block;
    border-bottom: solid 4px #54676d;
    padding: 5px 10px;
  }
}