.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.height-20 {
  height: 400px;
}

.height-40 {
  height: 800px;
}

.full-height {
  height: 100vh !important;
}

.modal-width {
  width: 800px;
}

.collection-photos {
  overflow: hidden;
}

.h-500 {
  height: 500px;
}

.h-370 {
  height: 370px;
}

.pr-10 {
  padding-right: 10px;
}

.sm-mt {
}

.rotate-90 {
}

.sm-h-500 {
}

.sm-w-full {
}

@media (max-width: 640px) {
  .modal-width {
    width: 100vw;
  }

  .h-500 {
    height: auto;
  }

  .h-370 {
    height: auto;
  }

  .sm-mt {
    margin-top: 20px;
  }

  .rotate-90 {
    transform: rotate(90deg);
  }

  .sm-h-500 {
    height: 500px;
  }

  .sm-w-full {
    width: 100%;
  }
}