@media (max-width: 768px) {
  .resp-slide {
    height: 20rem;
  }

  .resp-hide {
    visibility: hidden;
  }

  .bg-resp-slide {
    background-color: #4d869d;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1500px !important;
  }
}

.patt-bg {
  background-image: url(img/circuit-board.svg) !important;
  background-attachment: fixed;
}

.grad-bg {
  background: linear-gradient(-85deg, #bfe6f5, #fff, #fff);
  background-size: 250% 250%;
  animation: gradient 8s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* ----------------------------------------------------------------------------------------- */

@media (max-width: 900px) {
  .fb_space,
  .col,
  .col-lg-3 {
    padding: 0em !important;
  }
}

@media (min-width: 768px) {
  .fb_space,
  .col,
  .col-lg-3 {
    padding-left: 4em !important;
  }
}

.feed_social {
  cursor: pointer;
  box-shadow: 0 0 0 rgba(30, 145, 190, 0.9);
  background: linear-gradient(-45deg, #0991b3, #05d4e0, #0991b3, #05d4e0);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.feed_social:hover {
  animation: none;
}