.items-wrapper {
    display: grid; /* display: inline-grid;*/
    grid-template-columns: 20% 80% ; /* 3 x 1 fraction */    
    column-gap: 0;
    row-gap: 0;
    position:relative;
}

.stressed-out {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);    
}
.stressed-out.items-detail {
   -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);    
    transform: scaleX(1.2);    
}

.rememberThis.item-detail {
    text-shadow: 2px 2px 6px #999999;
    box-shadow: 4px 4px 6px #004178;
}





 .callout.item-header, .callout.item-detail {
        position:relative;
        margin-bottom: 0.5rem;
    }
    
    .a { grid-column: 1 }
    .b { grid-column: 2; grid-row: 1 / span 2; }
    .c { grid-column: 1; grid-row: 2; }
    .d { grid-column: 2; grid-row: 1 / span 2;  }
    

    
   .item-detail td.currency {
        text-align:center;
    }
    
    .item-detail th {
        text-align:left;
    }

    table.stack {font-size: 0.8rem;}
    table.stack th {text-align:center;}



    
@media (max-width:737px){
    
    .a, .c {  writing-mode: vertical-rl;}
    .b.inactive, .d.inactive {display:none;}
    .b.active, .d.active {display:block;}
    .callout.item-header {
        z-index: 1;
        left: 1em;
        padding-right: 1.8em;
        display:flex;
        align-items: center;
        justify-content: center;
    }
    .callout.item-detail {
        z-index: 5;
    }
    

    
    .callout.item-header.active {
        z-index: 10;
        border-right: none; 
        left: 0.2em;
        padding-right: 1em;
  
    }
 
    table.stack th {padding-bottom: 0.2rem;}
     table.stack td.currency {padding-top: 0.2rem;}
}
    
    

@media (min-width:737px){
    .items-wrapper {
       grid-template-columns: 50% 50% ; /* 3 x 1 fraction */  
       column-gap: 2em;
       row-gap: 0.5em;
    }  
    .a { grid-column: 1 }
    .b { grid-column: 1; grid-row: 2; }
    .c { grid-column: 2; grid-row: 1; }
    .d { grid-column: 2; grid-row: 2; display:block;}
    
    .rememberThis h5 {
        padding-left:1rem;
        transform: scaleX(1.2);
    }
    
    .rememberThis.item-header {
        text-shadow: 2px 2px 6px #999999;
        box-shadow: 4px 4px 6px #004178;
    }
  table.stack {font-size: 1rem;}
  table.stack th {text-align:left;}
  
     .item-detail td.currency {
        text-align:right;
    }
}
    
#stage-container.items-container {
    max-width: 800px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 3px 3px 10px rgba(200, 200, 255, 0.7);
}

@media (max-width:737px){
#stage-container.items-container {
    max-width: 600px;
}

@media (max-width:340px){}

@media (max-width:767px){
}