#rivetType img{
  -moz-flex-grow: 0;
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  -webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  -ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  max-height:1em;
  myimg:expression(onload=function(){
  this.style.height=(this.offsetheight > 1)?"1em":"auto"});
}

@media screen and (max-width: 1680px) {
  #rivetType img {
  max-height:0.9em;
  myimg:expression(onload=function(){
  this.style.height=(this.offsetheight > 0.9)?"0.9em":"auto"});
  }
}

@media screen and (max-width: 736px) {
  #rivetType img {
  max-height:0.8em;
  myimg:expression(onload=function(){
  this.style.height=(this.offsetheight > 0.8)?"0.8em":"auto"});
  }
}




.hexType img{
  -moz-flex-grow: 0;
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  -webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  -ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  transition: margin-left 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  max-height:1.2em;
  myimg:expression(onload=function(){
  this.style.height=(this.offsetheight > 1)?"1em":"auto"});
}

@media screen and (max-width: 1680px) {
  .hexType img {
  max-height:1em;
  myimg:expression(onload=function(){
  this.style.height=(this.offsetheight > 0.9)?"0.9em":"auto"});
  }
}

@media screen and (max-width: 736px) {
  .hexType img {
  max-height:0.9em;
  myimg:expression(onload=function(){
  this.style.height=(this.offsetheight > 0.8)?"0.8em":"auto"});
  }
}