@import '_variables';

.vehicle {
  text-align: center;
  padding:20px;

  img {
    max-width: 100%;
    height:200px;
  }

  .name {
    text-align: center;
    font-weight:bold;
    color:$red;
    font-size:$font-size-h2;
    margin-top:20px;
    margin-bottom:10px;
  }

  .vehicle-container{
    border: 1px solid $red;
    padding:10px;
  }

  .vehicle-selector{
    color:white;
    background-color:$red;
    padding:20px;
    font-size:$font-size-vehicle-selector;
    position:relative;

    .vehicles-number {
      font-weight: bold;
    }

    .glyphicon-minus{
      left:15px;
    }
    .glyphicon-plus{
      right:15px;
    }

    .glyphicon{
      cursor: pointer;
      padding:30px 20px;
      position:absolute;
      top:-5px;
    }

  }
}