.spacer30{ height:30px; }
.spacer20{ height:20px; }
.spacer10{ height:10px; }
.spacer5 { height:5px; }
.spacer2 { height:2px; }

canvas{
   width:100%;
   object-fit:fill;
}
img{
   width:100%;
   object-fit:cover;
}

.b { border : solid 1px black; }

.column-30{
   width:30%;
   float:none;
   margin:0 10px;
}

.column-31{
   width:31%;
   float:none;
   margin:0 10px;
}
.column-33{
   width:33%;
   float:none;
   margin:0 10px;
}
.column-48{
   width:48%;
   float:none;
   margin:0 10px;
}
.column-50{
   width:50%;
   float:none;
   margin:0 10px;
}
.column-70{
   width:70%;
   float:none;
   margin:0 10px;
}
.column-80{
   width:80%;
   float:none;
   margin:0 10px;
}

.column-2-3{
   width:45%;
   float:none;
   margin:0 10px;
}
.white-box{
   background:#fff;
   border:solid 1px #a5adb1;
   position:relative;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
   behavior:url("PIE.htc");
}
.white-box .box-title{
   background:#b6bec2 url("../images/title-stripes.gif") repeat left top;
   border:solid 1px #c8ced1;
   position:relative;
   line-height:26px;
   padding:5px 10px 5px 37px;
   font-size:24px;
   font-weight:bold;
   text-transform:uppercase;
   color:#4f5254;
   -moz-border-radius-topleft:3px;
   -moz-border-radius-topright:3px;
   -webkit-border-top-left-radius:3px;
   -webkit-border-top-right-radius:3px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
   behavior:url("PIE.htc");
}
.white-box .box-title .subtitle{ height:24px; }