html{
  font-size: 62.5%;
  margin:0 auto;
}
body{
  margin:0 auto;
  background-color: #06803c;
  width: 100%;
  text-align: center;
  font-family: sans-serif;
  line-height: 0;
}
img{
  display: block;
  width: 100%;
  margin:0 auto;
}
.section__main{
  width: 100%;
  margin:0 auto;
}
.section__main-btn{
  width: 100%;
  background-color: #fff;
}
.section__main-btn a img{
  padding-top:15px;
  padding-bottom: 10px;
  width: 90%;
  transition: .3s;
}
.section__main-btn a img:hover{
  transform: translateY(-5px);
  opacity: 0.7;
}
.footer{
  padding-top: 50px;
  padding-bottom:20px;
  width: 100%;
  margin:0 auto;
  background-color: #fff;
}
.footer a img{
  width: 60%;
}
.footer h2{
  margin-top:30px;
  font-size: 2.4rem;
}
.footer p{
  margin-top:20px;
  font-size: 1.8rem;
  line-height: 2.7rem;
}

 @media screen and (min-width:750px){
   img{
     width: 750px;
   }
   .header,.section__main,.footer{
     width: 750px;
     margin:0 auto;
   }
}