.box-tagline {
  background-color: rgba(69, 69, 73, 0.5);
  padding: 10px;
  color: white;
}

/* Mobile devices (max-width: 600px) */
@media (max-width: 600px) {
  .box-tagline {
    font-size: 10px;
    width: 100% !important;
  }
}

/* Tablets (601px - 1024px) */
@media (min-width: 601px) and (max-width: 1024px) {
  .box-tagline {
    width: 100% !important;
  }
}

/* Small desktops (1025px - 1366px) */
@media (min-width: 1025px) and (max-width: 1366px) {
  .box-tagline {
    font-size: 15px;
    width: 50% !important;
  }
}

/* Large desktops (1367px and above) */
@media (min-width: 1367px) {
  .box-tagline {
    font-size: 15px;
    width: 50% !important;
  }
}