/* Default CSS */
 
img { width:810px;  max-width:40%}

@media screen and (max-width: 500px) {
   img {width:500px; max-width:80%}
}

img.table {width:200px;max-width:100%;}

@media screen and (min-width:501px) and (max-width:890px){
   img.table {width:160px;max-width:100%;}
}

img.tablettable {width:95px;max-width:100%;}

img.fig   {width:300px; max-width:100%;border: 3px solid maroon;}

img.fig70 {width:300px; max-width:70%}

img.mw90 {
  width:800px;
  max-width:90%
}


img.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid maroon;
  }

img.left {  margin-left: 0px; border: 3px solid maroon;}
img.right {  margin-right: 0px; border: 3px solid maroon;}
.left20 { margin-left: 0px;  max-width: 20%;} 

.left25 { margin-left: 0px;  max-width: 25%;}

.left28 { margin-left: 0px;  max-width: 28%;}

.left30 {  margin-left: 0px;  max-width: 30%;} 

.left33 {  margin-left: 0px;  max-width: 33%;}

.left35 {  margin-left: 0px;  max-width: 35%;}

.left37 {  margin-left: 0px;  max-width: 37%;}

.left48 {  margin-left: 0px;  max-width: 48%;} 

.left50 {  margin-left: 0px;  max-width: 50%;} 

.left60 {  margin-left: 0px;   max-width: 60%;}  
 
.content-desktop {display: block;}
.content-mobile {display: none;}
.content-tablet {display: none;}
.images-desktop {display: block;}

@media screen and (max-width: 500px) {
   .content-desktop {display: none;}
   .content-mobile {display: block;}
   .content-tablet {display: none;}
   .images-desktop {display: none;}
}

@media screen and (min-width:501px) and (max-width:860px){
   .content-desktop {display: none;}
   .content-mobile {display: none;}
   .content-tablet {display: block;}
   .images-desktop {display: block;}
}





/* Image Sizing */

.i20{ width: 20%;  height: auto; }
.i30{ width: 30%;  height: auto; }
.i40{ width: 40%;  height: auto; }
.i50{ width: 50%;  height: auto; }
.i100{ width: 30%;  height: auto; }

.icell {
  position: absolute;
  left: 0;
  right: 0;
  
  width: 100%;
  height: auto;
  
  object-fit: cover;
  object-position: center;
  padding-left:00px; 
  padding-right:00px;
}
 

.textwrapR {  
clear:left;
float: right;
margin-left: 10px;
margin-right: 25px;
margin-top: 0px;
margin-bottom:5px;
max-width:40%
}

.textwrapRn {  
clear:left;
float: right;
margin-left: 10px;
margin-right: 25px;
margin-top: 0px;
margin-bottom:5px;
}

.textwrapL { 
clear: right;
float: left;
margin-left: 25px;
margin-right: 10px;
margin-top: 0px;
margin-bottom:5px;
max-width:40%;
}

.textwrapLn { 
clear: right;
float: left;
margin-left: 25px;
margin-right: 10px;
margin-top: 0px;
margin-bottom:5px;
}

.mw20 {max-width:20% }
.mw21 {max-width:21% }
.mw22 {max-width:22% }
.mw23 {max-width:23% }
.mw24 {max-width:24% }
.mw25 {max-width:25% }
.mw26 {max-width:26% }
.mw27 {max-width:27% }
.mw28 {max-width:28% }
.mw29 {max-width:29% }
.mw30 {max-width:30% }
.mw31 {max-width:31% }
.mw32 {max-width:32% }
.mw33 {max-width:33% }
.mw34 {max-width:34% }
.mw35 {max-width:35% }
.mw40 {max-width:40% }
.mw41 {max-width:41% }
.mw42 {max-width:42% }
.mw43 {max-width:43% }
.mw44 {max-width:44% }
.mw45 {max-width:45% }
.mw46 {max-width:46% }
.mw47 {max-width:47% }
.mw48 {max-width:48% }
.mw49 {max-width:49% }
.mw50 {max-width:50% }
.mw55 {max-width:55% }
.mw60 {max-width:60% }
.mw70 {max-width:70% }
.mw75 {max-width:75% }
.mw80 {max-width:80% }