.item{
  #start{
    width: calc(100% - 10px);
  }
}
#items{
  .header-item{
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1rem;
    .info{
      width: calc(100% / 3);
      .title{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        h2{
          text-transform: uppercase;
        }
        & > *{
          margin-right: 0.5rem;
        }
      }
      .content{
        margin-top: 1rem;
      }
    }
    .prev-next{
      width: calc(100% / 3);
      position: relative;
      .btn-info{
        width: 250px;
        position: absolute;
        top: 20px;
        left: -80px;
        -webkit-transform: rotate(-17deg);
                transform: rotate(-17deg);
      }
    }
  }
  .top{
    cursor: pointer;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }
}

.img-card{
  width: calc((100% / 3) - (10px));
  margin-bottom: 10px;
}
