@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,800);

html { height: 100%; }

body {
  background: #f6f4e6;
  color:#275966;
  font: 400 1.5em/1.5;
  height: 100%;
}

.opening {
  background: url("../img/bg-painting.jpg") no-repeat 50% 0 fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 300px;
  z-index: 1;
}

img { -ms-interpolation-mode: bicubic; }
figure img { border-radius: 4px; }

.right {
    margin:0 0 20px 20px;
}
.left {
    margin:0 20px 20px 0;
}

.centered-text { text-align: center; }
.photo-150 { width:150px; }
.photo-200 { width:150px;}
.photo-250 { width: 250px; }

figcaption > p { font-size:.8rem; margin:0; }
figcaption > h3 { font-size:.8rem; margin:0; }

h1, h2, h3, h4 {
    font-family:Raleway, Helvetica, Arial, serif;
    font-weight: 800;
}

.tagline {
    color:#0072a3;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    margin:12px 0;
    line-height: 1.3em;
}

.opener {
    top: 100px;
}

.opener > .opener-txt {
    font-size: 60px;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.5);
    text-align: center;
}

@media only screen and (max-width: 925px) {
    .opener > .opener-txt {
        font-size: 45px;
    }
}

@media only screen and (max-width: 40em) {
    .opening {
      height:175px;
    }
    .opener {
        top: 25px;
    }
    .opener > .opener-txt {
        font-size: 35px;
    }

    h2 {
      font-size: 1.45rem;
    }
}