img { max-width: 100% !important; }
a.img33 {
    width: 100%;
    padding: 1em;
    float: left;
    border: 1px #ccc;
    border-radius: 5px;
    border-style: dotted;
    display: block;
    transition-duration: .5s;
}
a.img33:hover {
    background: whitesmoke;
    transition-duration: .5s;
}
@media (min-width: 500px) {
  a.img33 {
    width: calc( ( 100% / 2 ) - 2em - 2px);
  }
}
@media (min-width: 768px) {
  a.img33 {
    width: calc( ( 100% / 3 ) - 2em - 2px);
  }
}
a.img33 img {
    width: 100% !important;
}

.hr-100p-divider, .hr-100p-spacer {
    width:100%;display:inline-block;border:none;
}