.cool-title {
   font-size:1.3em;
}

.cool-summary {
   margin:3px;
   border-style: solid;
   border-width: 2px;
}

.cool-image-div {
   width:92px;
}

.cool-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cool-desc-div {
    line-height: 95%;
}
.cool-title {
    margin-bottom: 2px;
}

.cool-vote {
   color: green;
   font-style: italic;
   font-size: .8em;
}

@media only screen and (min-width: 414px) {
  /* For mobile phones: */
  [class*="cool-summary"] {
      min-width: 380px;
  }
}

@media only screen and (max-width: 354px) {
  /* For mobile phones: */
  [class*="cool-desc-div"] {
      width:100%;
  }
  [class*="cool-summary"] {
      margin-top:15px;
      width:100%;
  }
}

@media only screen and (max-width: 818px) {
  [class*="cool-summary"] {
      border-style: none;
  }
}