.banners {

  .banner {
    font-size : 0;
    height : 370px;
    padding-bottom : 10px;
    box-sizing : border-box;    
    
    &:first-child {
      padding-top : 10px;
    }

    &-text-container {
      width : 330px;
      margin : 0 auto;
    }

    &-text {
      width : 37.5%;
      display : inline-block;
      font-size : 14px;
      line-height : 20px;
      padding : 50px;
      box-sizing : border-box;
      vertical-align: top;
      height : 100%;
    }

    &-title {
      font-size : 22px;
      color : @black;
      margin-bottom : 20px;
    }

    &-subtitle {
      font-size : 12px;
      text-transform : uppercase;
      color: #606062;
      margin-bottom : 20px;
    }

    &-desc {
      color : @grey;
      font-size : 14px;
      margin : 0;
      margin-bottom : 20px;
    }

    &-button {
      width : 270px;
    }

    &-image {
      width: 62.5%;
      display : inline-block;
      font-size : 14px;
      height : 100%;
      vertical-align: top;
      background-repeat: no-repeat;
      background-position : top;
      background-size : cover;
    }

    &:nth-child(even){

      .banner-text {
        float : right;
      }

    }

    &:nth-child(odd){
      .banner-text-container {
        
      }
    }

  }

  &.banners-about {

    .banner {
      &-image {
        width : 37.5%;
      }

      &-text {
        width : 62.5%;
        background-color : @grey-background;
        padding : 60px 100px;

        &-container {
          width : 520px;
        }
      }

      &:nth-child(odd){

        .banner-text {
          float : right;

        }

      }

      &:nth-child(even){

        .banner-text {
          float : none;
        }

        .banner-text-container {
          float : right;
        }

      }

    }
  
  }

}