body {
  padding-top: 20px;
}

img {
  width: 100%;
}

p {
  font-size: 1.2em;
}

/* For tiny text, like the "uploaded by..." */
p.subtext {
  font-size: 0.9em;
  color: #888;
}

/* spaces between rows */
.row {
  margin: 10px 0px;
  display: flex;
}

/* removes spaces to left and right of image */
.col-sm-8 {
  padding: 0px;
}

.feedback-col {
  padding: 10px;
  background-color: #eeeeee;
  /* the radii on the next two lines are arbirary numbers, but should be equal to the "border-radius" value within the img-rounded class */
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;

}

.img-rounded {
  border-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}


@media (max-width: 767px) {
  .img-rounded {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 8px;
  }

  .feedback-col {
    /* the radii on the next two lines are arbirary numbers, but should be equal to the "border-radius" value within the img-rounded class */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 0px;
  }

  .row {
    margin: 10px 0px;
    display: block;
  }

}