/* maintain constant aspect ratio on bg-bg, the bg-padder padding-top does this */
.bg-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}
.bg-padder {
    padding-top: 141.43980641%;
    display: block;
}
.bg-bg {
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0;
    background:url('/images/chantal-front.jpg') no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* resolve a inline whitespace the bg solution introduces */
body { font-size: 0; }
body > * { font-size: 14px; }

.content {
  max-width: 60%;
  min-width: 400px;
  float: right;
  right: 5%;
  margin-top: 3%;
  background-color: #DCDFE4;
  background-color: rgba(220, 223, 228, 0.71);
  padding: 15px 35px 35px 35px;
}

footer {
  position: absolute;
  bottom: 1%;
  right: 2%;
}