#fleet_selection_title {
  padding: 20px;
  text-align: center;
  background-color: white;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

#fleet_selection > div {
  display: flex;
  height: 100%;
  width: 100%;
}

#commercial_fleet {
  flex: 1;
  background-image: url("../images/A320neo Family.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#jet_fleet {
  flex: 1;
  background-image: url("../images/jet.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fleet_desc {
  flex: 1;
  background-color: var(--lightBG);

  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;

  padding: 50px;
  width: 100%;
  box-sizing: border-box;
}

.fleet_desc > table {
  flex: 4;
  margin: 20px 0;
}

.fleet_desc > div,
.fleet_desc > h2 {
  flex: 1;
}

.fleet_desc th {
  text-align: left;
  font-weight: bold;
}

/*----------------------------------------*/

/* Format tablette portrait */
@media (max-width: 1000px) {
  #fleet_selection > div {
    flex-direction: column;
  }
  #fleet_selection .main-button {
    margin-top: -200px;
  }
  table {
    font-size: 1.4em;
  }
}

/* Format mobile */
@media (max-width: 600px) {


  #fleet_selection_title {
    padding: 10px;
  }
  #fleet_selection .main-button {
    margin-top: 0;
  }
  #fleet_selection #jet_fleet .main-button {
    margin-top: -200px;
  }
  .fleet_desc {
    padding: 20px;
  }
  table {
    font-size: 1.1em;
  }

}