/** 
 * Bootstrap additions.
 */
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.btn {
  padding: 10px 17px;
  font-weight: 600;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
}

.flex-row--align-center {
  align-items: center;
}

.flex-row--reverse {
  flex-direction: row-reverse;
}

@media only screen and (min-width: 375px) and (max-width: 768px) {
  .flex-row-xs {
    display: block
  }

  .btn.rental-request {
    width: 100%;
  }
}


@media only screen and (min-width: 768px) {


  .flex-row-sm {
    display: flex;
    flex-wrap: wrap;
  }

  .flex-row-sm--align-center {
    align-items: center;
  }

  .flex-row-sm--reverse {
    flex-direction: row-reverse;
  }


}


@media only screen and (min-width: 992px) {


  .flex-row-md {
    display: flex;
    flex-wrap: wrap;
  }

  .flex-row-md--align-center {
    align-items: center;
  }

  .flex-row-md--reverse {
    flex-direction: row-reverse;
  }


}


@media only screen and (min-width: 1200px) {

  .flex-row-lg {
    display: flex;
    flex-wrap: wrap;
  }

  .flex-row-lg--align-center {
    align-items: center;
  }

  .flex-row-lg--reverse {
    flex-direction: row-reverse;
  }


}

/**
  * Buttons
  */


/*  Exmaple
     .xl-btn {
       width: 252px;
       padding: 12px 40px 12px 40px;
     }
     .l-btn {
       padding: 8px 120px 8px 120px;
     }
 */


/**
  * Images
  */



/**
  * Form Inputs
  */

/**
  * Lists
  */