.featureBox {
  display:block; margin:2px; padding:2px;
  background-color:white;
  border-radius:8px;
}
.featureBoxTitle {
  display:block; margin-top:3px;
  text-align:left;
  font-size:16px; font-weight: bold; color:#069;
}
.featurePhotoBox, .featureVideoBox {
  position:relative;
  display:block; width:100%;
  margin:4px auto;
  text-align:center;
}
.featurePhotoBox img {
  display:block; width:auto; max-width:100%; height:100px;
  object-fit:contain;
  margin:0 auto;
  border-radius:6px;
}
.featurePhotoBox img:hover {
  opacity:0.7
}
.featurePhotoBox img.featureFlag {
  display:inline-block; width:60px; height:40px; padding:5px;
  object-fit:contain;
  margin:0;
  border-radius:0px;
}
.featureVideoBox img{
  display:block; width:100%;  max-width:100%;
  margin:0 auto;
  max-height:160px; object-fit:cover;
  border-radius:6px;
}
.playButton {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.featureBoxCaption {
  display:block; margin-top:4px; margin-bottom:2px;
  text-align:center;
  font-size:13px; line-height:110%; font-weight:bold;
  color:black;
}
.featureBoxSummary {
  width: 100%; margin-bottom:4px;
  text-align:center;
  font-size:12px; line-height:110%; font-weight:normal;
  color:black;
 }
.featureBox a:hover {
  text-decoration:none;
}

@media only screen and (max-width: 992px) {
  .MAGcolumn {float:left; width:50%; padding:2px;}
  .featureBoxSummary {display:block;}
}