.bcontainer {
      padding-top:60px;
      margin-bottom:132px;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      /*grid-template-rows: 100px;*/
      grid-auto-flow: dense;
      grid-column-gap: 5px;
      grid-row-gap: 5px;
    }
    
    .box {
      display:table;
      position: relative;
      width:100%;
      padding:2px;
      text-align:center;
      overflow:hidden;
    }
    .box a {display:block;}
    .small {
      grid-column: span 6;
      grid-row: span 1;
      background:#faa;
      height:100px;  
    }
    .med {
      grid-column: span 6;
      grid-row: span 1;
      background:#afa;
      height:100px;
    }
    
    .big {
      grid-column: span 12;
      grid-row: span 2;
      background:#aaf;
      height:100px;
    }
    .box IMG {height: 100px;}
    
    @media (min-width: 800px){
     .small {
      grid-column: span 3;
      grid-row: span 2;
    }
    .med {
      grid-column: span 6;
      grid-row: span 2;
    }
    .big {
      grid-column: span 12;
      grid-row: span 2;
    }
    }
    
    @media (min-width: 1200px){
     .small {
      grid-column: span 3;
      grid-row: span 2;
      height:150px; 
    }
    .med {
      grid-column: span 3;
      grid-row: span 2;
      height:150px;
    }
    .big {
      grid-column: span 6;
      grid-row: span 2;
      height:150px;
      
    }
    .box IMG {height:150px;}
    }
    
    .carousel-control-prev , .carousel-control-next { width:40px;}
    .carousel-inner{padding:0px 40px;
      
    }
    .carousel-grid {
      display: grid!important;
      grid-template-columns: repeat(12, 1fr);
      /*grid-template-rows: 100px;*/
      grid-auto-flow: dense;
      grid-column-gap: 5px;
      grid-row-gap: 5px;
    }
    .carousel-item .voucher{
        grid-column: span 6;
    }
    
    @media (min-width: 768px){
      .carousel-item .voucher { grid-column: span 3; }
    }
    
    .carousel-item .voucher {  
      grid-row: span 2;
      border:1px dashed #888;
      height:128px;
      font-size:0.8rem;}
    .carousel-item .voucher a {display:block;padding:5px 10px;text-align:center;}
    #vcarousel { position:fixed;bottom:0px;height:130px;border:1px;width:100%;background:white;}
    @media (min-width: 1200px){
      .carousel-item .voucher { font-size:1rem; }
    }