/* < md (xs, sm) */
@media (max-width: 767px) {

    div.content {
      margin-top: 21rem;
      padding: 1.5rem;
      max-width: 100%;
      font-size: 95%;
      border-radius: 0;
    }
    
    div.content img {
      max-width: 100%;
    }
    
    p {
      text-align: left;
    }

}
 
/* < lg (xs, sm, md)  */
@media (max-width: 991px) and (min-width: 768px) {
    
    div.content {
      margin-top: 25rem;
      padding: 1.5rem;
      max-width: 70%;
      font-size: 95%;
    }
    
    div.content img {
      max-width: 100%;
    }

}