@media (max-width: 991px) {
  .logo {
    margin-top: 0 !important;
  }
  .logo img {
    width: 150px !important;
    height: 150px !important;
  }
  .social-media-links {
    bottom: 10px;
  }
  .contact-info {
    top: 76%;
  }
  .desktop-content {
    width: 70%;
    top: 45%;
  }
}
@media (max-width: 767px) {
  .logo {
    margin-top: 0 !important;
  }
  .logo img {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (max-width: 575px) {
  .logo {
    margin-top: 0 !important;
  }
  .logo img {
    width: 120px !important;
    height: 120px !important;
  }
  .mobile-content {
    top: 45%;
    width: 66%;
  }
  .contact-info {
    top: 77%;
  }
}
@media (min-width: 1390px) {
  /* change this, by default 1140px */
  .container {
    max-width: 1360px;
  }
  .desktop-content {
    top: 53%;
  }
  .contact-info {
    top: 85%;
  }
}