.booking {
  text-align: center;
}
.booking article {
  display: inline-flex;
  text-align: left;
}
.bookingBox {
  background-color: #fff;
  color: black;
  width: 200px;
  border-radius: 5px;
  margin: 31px 50px 31px 0;
}
.booking section {
  display: inline-block;
}
.bookingBox p {
  display: inline-block;
}
.bookingBox p:first-of-type{
  padding-left: 20px;
}
.booking article {
  height: 350px;
}
#bookButton {
  height: 40px;
  margin: 0;
}
#bookButton a {
  padding: 15px 50px;
}






/*Platsväljare --------------------------------*/

/**, *:before, *:after {
  box-sizing: border-box;
}*/


    

.plane {
  margin: 25px;
  background-color: #152b38;
  padding: 15px;
  border-radius: 5px;
}


ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.seats {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.seat {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 14.28571428571429%;
  padding: 5px;
  position: relative;
  width: 40px;
}

.seat input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.seat input[type=checkbox]:checked + label {
  background: #bada55;
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  animation-duration: 300ms;
  animation-fill-mode: both;
}
.seat input[type=checkbox]:disabled + label {
  background: #dddddd;
  text-indent: -9999px;
  overflow: hidden;
}
.seat input[type=checkbox]:disabled + label:after {
  content: "X";
  text-indent: 0;
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.seat input[type=checkbox]:disabled + label:hover {
  box-shadow: none;
  cursor: not-allowed;
}
.seat label {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 0;
  background: #F42536;
  border-radius: 5px;
  animation-duration: 300ms;
  animation-fill-mode: both;
}

.seat label:hover {
  cursor: pointer;
  box-shadow: 0 0 0px 2px #5C6AFF;
}

@media only screen and (max-width: 1225px) {
   
  .bookingBox {
    margin-right: 0;
    display: block;
  }
  .booking article {
    height: 650px;
  }

  .booking article {
    display: block;
    text-align: center;
    clear:both;
  }

  article section .bookingBox {
      text-align: left;
  }
  .plane {
    width: 300px;
    margin: 30px auto 300px auto;
  }
}