.bg-darkgrey {
  background-color: #21262c !important;
}
.bg-dark {
  background-color: #3c404b !important;
}

.display-1001 {
  color: #ffffff !important;
}

.light-text {
  color: #ffffff !important;
}
.end-text {
  color: #cc7786 !important;
}


.title-text {
  color: #cc7786 !important;
}




html {
  zoom: 90%;
}

.img-responsive.mobile {
  display: none;
}

@media only screen and (max-device-width: 480px) {
  .img-responsive {
    display: none;
  }
  .img-responsive.mobile {
    display: block;
  }
}
/* https://stackoverflow.com/questions/39891785/how-to-display-different-images-in-mobile-and-desktop-devices */