button {
  background: none;
  border: none;
}

/* utility classes */
.uppercase {
  text-transform: uppercase;
}
.init-scroll-to-view {
  transform: translate(0px, 0px);
  transition: transform 0.5s ease-out;
}

.init-animate {
  transform: translate(0px, 50px);
}
/* Includes Safari border-radius fix for transition */
.corner-radius {
  border-radius: 25px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.drop-shadow:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 39px;
  z-index: -1;
  -webkit-box-shadow: 0px 0px 30px 25px #000;
  -moz-box-shadow: 0px 0px 30px 25px #000;
  box-shadow: 0px 0px 30px 25px #000;
  border-radius: 40px;
  height: 100px;
  opacity: 0.6;
}

.overflow-hidden {
  overflow: hidden;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

@media screen and (max-width: 575px) {
  .show-xs {
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .hide-xs {
    display: none;
  }
}

@media screen and (min-width: 0px) {
  .show-xs-up {
    display: block;
  }
}

@media screen and (min-width: 0px) {
  .hide-xs-up {
    display: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .show-sm {
    display: block;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .hide-sm {
    display: none;
  }
}

@media screen and (min-width: 576px) {
  .show-sm-up {
    display: block;
  }
}

@media screen and (min-width: 576px) {
.hide-sm-up {
  display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .show-md {
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .hide-md {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .show-md-up {
    display: block;
  }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .show-md-only {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .hide-md-up {
    display: none;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .show-lg {
    display: block;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .hide-lg {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .show-lg-up {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .hide-lg-up {
    display: none;
  }
}
