// Extra Small devices
@media (min-width: 320px) {
  .loop-post {
    width: 100%;
  }

  .relate {
    .relate-item {
      width: 100%;
      .relate-item-image {
        height: auto;
      }
    }
  }

  .logo-container {
    text-align: center;
  }
  .pagination-lg .page-link {
    padding: 0.25rem 1rem;
    font-size: 1.25rem;
  }

}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {

  .pagination-lg .page-link {
    padding: 0.75rem 1.5rem;;
    font-size: 1.25rem;
  }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {

  .logo-container {
    text-align: left;
  }

  .relate {
    .relate-item {
      width: 141px;
      .relate-item-image {
        height: 81px;
      }
    }

  }

}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
  .loop-post {
    width: 294px;
  }

  .relate {
    .relate-item {
      width: 194px;
      .relate-item-image {
        height: 137px;
      }
    }

  }


}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
  .loop-post {
    width: 354px;
  }
  .relate {
    .relate-item {
      width: 234px;
    }
  }
}