.element_many { background:#FFFFFF; border:1px solid #999; margin-bottom:10px; width:280px; 
	float:left; margin-right:0px; padding:2px; box-sizing:border-box; border-radius:3px; height: 100%; }

.modal-footer {
    min-height:150px;
}
#image-gallery-link {
    clear:both;
    width:100%;
    text-align:center;
    padding:0px;
    margin:0px;
    color: #126D38;
}
#image-gallery-caption {
    text-align:center;
    max-width:98%;
    margin:auto;
    color: #126D38;
}
@media screen and (min-width: 768px) {
.element_many { background:#FFFFFF; border:1px solid #999; margin-bottom:10px; width:180px; 
	float:left; margin-right:0px; padding:2px; box-sizing:border-box; border-radius:3px; height: 300px; }

    .custom-class {
        width: 98%; /* either % (e.g. 60%) or px (400px) */
    }
    .element_many { background:#FFFFFF; border:1px solid #999; margin-bottom:10px; width:210px; float:left; margin-right:4px; padding:4px; box-sizing:border-box; border-radius:5px; height: 340px; }

}
  .thumbnail.with-caption {
    display: inline-block;
    background: #DDDAD0;
  }
  .thumbnail.with-caption p {
    margin: 0;
    padding-top: 0.5em;
    margin-top: -20px;
  }
  .thumbnail.with-caption small:before {
    content: '\2014 \00A0';
  }
  .thumbnail.with-caption small {
    width: 100%;
    text-align: right;
    display: inline-block;
    color: #999;
  }

.wrapper { max-width:100%; margin: 2px auto; padding-left: 0px; }
.element_many p {font-size: 12px; padding-left: 8px;}