* {
  margin: 0;
  padding: 0;
}

main {
  text-align: center;
}

.container {
  width: 100%;
  max-width: 720px;
  margin: auto;
}

.container img {
  display: inline-block;
  margin: -4px 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;

}

.container a {
  width: 100%;
}

.container a:hover {
  opacity: 0.9;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.container footer #button {
  display: inline-block;
  margin: -4px 0px;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 720px;
}

@media screen and (max-width: 720px) {
  .container footer #button {
    width: 100%;
  }
}

/*# sourceMappingURL=style.css.map */