.contents {
  text-align: center;
  margin-top: 20%;
}

img {
  max-width: 300px;
}

h2 {
  font-size: 20px;
}
.text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 764px) {
.contents {
  margin-top: 50%;
}
img {
  width: 70%;
 }
}


.btn--twitter{
  text-align: center;
  margin: 30px auto 10px;
  }

.btn--twitter,
a.btn--twitter {
  text-decoration: none;
  color: #00acee;
  border:1px solid #00acee ;
  padding: 10px 20px;
}

.btn--twitter:hover,
a.btn--twitter:hover {
  text-decoration: none;
  color:#00acee;
  border:1px solid #00abeec5;
  padding: 10px 20px;
}

a.btn--radius {
   border-radius: 100vh;
}