@media screen and (max-width: 468px) {
  header h3 {
    font-size: 17px;
  }

  header h1 {
    font-size: 28px;
  }

  .button-header {
    margin: 90px 0 57px 0;
  }

  .div-header {
    display: none;
  }

  .logo-center {
    width: 25%;
  }

  .options {
    flex-direction: column;
    align-items: center;
  }

  .options article {
    width: 100%;
    text-align: center;
  }

  .blog article img {
    display: none;
  }

  .gallery {
    flex-direction: column;
    align-items: center;
  }

  .gallery article {
    margin-bottom: 1em;
  }

  .blog-title h4 {
    font-size: 29px;
    margin-bottom: 12px;
  }

  .blog-title h4 span,
  .blog-title h4 a {
    display: none;
  }

  #about-blog {
    width: 88%;
  }

  .magazine-title {
    width: 100%;
    padding: 0px 0 0 15px;
  }

  .magazine-title h4 {
    font-size: 26px;
  }

  .magazine article {
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
  }

  #magazine-img {
    padding: 0px;
  }

  .magazine-info {
    margin-left: 0px;
    text-align: center;
  }

  .magazine-info h3{
    margin: 10px auto;
  }

  footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  footer p{
    font-size: 121%;
  }

  .icons {
    margin-top: 5%;
    display: flex;
flex-direction: column;
  }
}