.frame-default .ce-gallery figure {
  margin-bottom:10px;
}

.ce-gallery img {
  max-width: 100%;
  height: auto;
}

.contenttable tr td {
  padding-right:5px;
}


/* REMOVE ME */
.powermail_message.powermail_message_error {
  display:none;
}

.powermail_fieldwrap_type_submit.powermail_fieldwrap_submit .btn.btn-primary{
  bottom:10px;
  position:relative;
}

@media (max-width:767px) {

  .frame-default .ce-left .ce-gallery {
    width: 100%;
    display: block;
    float: none;
    margin: 0;
  }

  .frame-default .ce-right .ce-gallery {
    width: 100%;
    display: block;
    float: none;
    margin: 0;
  }

  .frame-default .ce-center .ce-gallery {
    width: 100%;
    display: block;
    float: none;
    margin: 0;
  }

  .frame-default .ce-center .ce-gallery .ce-column {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }

  .frame-default .ce-center .ce-gallery .ce-column figure.image {
    float: none;
    margin: auto auto 10px auto;
    text-align: center;
  }

  /* I don't think this should be a standard. Maybe it should be configurable? */
  /*
  .frame-default .ce-headline-right, .frame-default .text-right {
    text-align:left !important;
  }*/

}