/* =========================================================
   CROWNBARSHOP
   WHY CROWN BAR V1
========================================================= */

.cbs-why{
  padding:82px 0 86px;
  background:#111;
  color:#fff;
}

.cbs-why-head{
  max-width:700px;
  margin:0 0 43px;
}

.cbs-why-kicker{
  margin:0 0 11px;
  color:#ef3036;
  font-size:10px;
  font-weight:800;
  letter-spacing:2.5px;
}

.cbs-why-head h2{
  margin:0;
  color:#fff;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-1.7px;
}

.cbs-why-head > p:last-child{
  max-width:590px;
  margin:15px 0 0;
  color:rgba(255,255,255,.57);
  font-size:15px;
  line-height:1.65;
}


/* ITEMS */

.cbs-why-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.cbs-why-item{
  min-width:0;
  padding:32px 29px 34px;
  border-right:1px solid rgba(255,255,255,.12);
}

.cbs-why-item:last-child{
  border-right:0;
}

.cbs-why-number{
  display:block;
  margin-bottom:29px;
  color:#ef3036;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.5px;
}

.cbs-why-item h3{
  margin:0;
  color:#fff;
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.4px;
}

.cbs-why-item p{
  margin:12px 0 0;
  color:rgba(255,255,255,.51);
  font-size:12px;
  line-height:1.6;
}


/* MOBILE */

@media(max-width:760px){

  .cbs-why{
    padding:59px 0 61px;
  }

  .cbs-why-head{
    margin-bottom:29px;
  }

  .cbs-why-head h2{
    font-size:33px;
    letter-spacing:-1px;
  }

  .cbs-why-head > p:last-child{
    font-size:14px;
  }

  .cbs-why-grid{
    grid-template-columns:1fr 1fr;
  }

  .cbs-why-item{
    padding:25px 20px 27px;
  }

  .cbs-why-item:nth-child(2){
    border-right:0;
  }

  .cbs-why-item:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .cbs-why-number{
    margin-bottom:21px;
  }

  .cbs-why-item h3{
    font-size:17px;
  }

  .cbs-why-item p{
    font-size:11px;
  }

}

@media(max-width:430px){

  .cbs-why-grid{
    grid-template-columns:1fr;
  }

  .cbs-why-item{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .cbs-why-item:last-child{
    border-bottom:0;
  }

}