.card-big-img {
  width: 100%;
  min-width:  200px;
  max-width:  357px;
  max-height: 499px;
  border: 0px;
  box-shadow: 0px 0px 10px black; 
  border-radius: 16px; 
} 
.card-big-img:hover { 
  box-shadow: 0px 0px 10px green; 
} 
.card-med-img { 
  width:  90px;
  height: 125px;
  border: 0px;
  box-shadow: 0px 0px 3px black; 
  border-radius: 4px;
  margin: 1px;
} 
.card-med-img:hover { 
  box-shadow: 0px 0px 3px green; 
} 
.card-sml-img { 
  width:  36px;
  height: 50px;
  border: 0px;
  box-shadow: 0px 0px 2px black; 
  border-radius: 2px; 
} 
.card-sml-img:hover { 
  box-shadow: 0px 0px 2px green; 
}
.card-cotd-img { 
  width:  165px;
  height: 229px;
  border: 0px;
  box-shadow: 0px 0px 4px black; 
  border-radius: 6px; 
} 
.card-cotd-img:hover { 
  box-shadow: 0px 0px 4px green; 
}

.card-article-img-right {
  float: right;
  width:  215px;
  height: 300px;
  border: 0px;
  margin: 0px 0px 0px 10px;
  box-shadow: 0px 0px 10px black;
  border-radius: 8px;
}

.card-article-img-left {
  float: left;
  width:  215px;
  height: 300px;
  border: 0px;
  margin: 0px 10px 0px 0px;
  box-shadow: 0px 0px 10px black;
  border-radius: 8px;
}

.card-whatsnew {
  width:  200px;
  height: 279px;
  border: 0px;
  margin: 10px 0px 10px 0px;
  box-shadow: 0px 0px 10px black;
  border-radius: 7px;
}