.level-container{margin:0px 15px 10px; display:grid; grid-gap:15px 30px; grid-template-columns:repeat(auto-fit, minmax(240px,1fr));}
.level-box{margin:15px 0;}
.level-list{padding:13px 0; border-top:1px solid rgba(255,255,255,0.34); margin-top:13px; display:grid; grid-gap:13px;}
.level-row{display:grid; grid-gap:10px; grid-template-columns:80px 1fr; color:#FFF; text-transform:capitalize; font-weight:normal;}
.level-row-status{border-right:1px solid; display:flex; align-items:center;}
.level-row-contender .level-row-status{border-right-color:#FB4C51;}
.level-row-epic .level-row-status{border-right-color:#8A5BCA;}
.level-row-elite .level-row-status{border-right-color:#0069D3;}
.level-row-challenger .level-row-status{border-right-color:#6A9A00;}
.level-row-name{display:flex; align-items:center;}

@media screen and (min-width:0px) and (max-width:1023px){
  .level-row-hide{display:none;}
  .level-toggle-button{background-color:transparent; color:#FB4C51; padding:5px 0; width:100%; display:block;
  font-weight:bold; position:relative; z-index:3000; cursor:pointer;}
}

@media screen and (min-width:1024px){
  .level-toggle-button{display:none !important;}
  .level-container{grid-template-columns:repeat(4,1fr);}
}