.wrap {
	overflow: hidden;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
}

.carousel {
  display: flex;
  left: -100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  transform: translateX(100%); }
  @media (min-width: 30em) {
    .carousel {
      left: -33.33333%;
      transform: translateX(33.33333%); } }
  @media (min-width: 40em) {
    .carousel {
      left: -20%;
      transform: translateX(20%); } }

.carousel.is-reversing {
  transform: translateX(-100%); }
  @media (min-width: 30em) {
    .carousel.is-reversing {
      transform: translateX(-33.33333%); } }
  @media (min-width: 40em) {
    .carousel.is-reversing {
      transform: translateX(-20%); } }

.carousel.is-set {
  transform: none;
  transition: transform 0.5s ease-in-out; }

.carousel-seat {
  background: none;
  flex: 1 0 100%;
  order: 2; }
  .carousel-seat:nth-child(even) {
    background: none; }
  @media (min-width: 30em) {
    .carousel-seat {
      flex-basis: 33.33333%; } }
  @media (min-width: 40em) {
    .carousel-seat {
      flex-basis: 20%; } }

.carousel-seat.is-ref {
  order: 1; }

h2 {
  text-align: center; }}