body { margin: 0; padding: 0; zoom: 1; }
h1, h2, p { margin: 0; padding: 0; }
p { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

.strike { text-decoration: line-through; }

/*.avatar img { width: 30px; height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }*/
.caption { margin: 0 0 60px 20px; }
.caption a { font: 14px/16px 'Unica One', Helvetica, Arial, sans-serif; letter-spacing: .1em; color: #999; text-transform: uppercase; text-decoration: none; }
.caption a:not(:first-child) { margin-left: 8px; }
.caption a:hover { background-color: #ddd; }

.container { width: 960px; margin: 0 auto; }

.opentype {
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

.legibility {
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
}

.section-gg {    background-color: rgba(234, 26, 26, 1); padding: calc(2 * 10px); }
.section-gg h2 { color: white; font-family: 'Questrial', sans-serif; font-size: 14px; letter-spacing: 6px; line-height: 1.8em; margin-bottom: calc(4 * 20px); margin-top: calc(2 * 20px); text-align: center; text-transform: uppercase; }
.section-gg h3 { color: white; font-family: 'Old Standard TT', serif; font-size: 44px; letter-spacing: 6px; margin-bottom: calc(2 * 15px); margin-top: calc(2 * 15px); text-align: center; }
.section-gg h2 span {    display: inline-block; outline: 1px solid white; padding: 1em; }
.section-gg .container {    width: 100%; }
.section-gg .container p { color:white; font-family: 'Old Standard TT', serif; font-size: 24px; }
/*.section-gg .container p.drop-p { }*/
.section-gg em { color: white; display: block; font-family: 'Old Standard TT', serif; font-size: 24px; text-align: center; margin-bottom: calc(4 * 20px); }
.section-gg ul { font-family: 'Old Standard TT', serif; font-size: 14px; list-style-type: none; margin-bottom: calc(2 * 20px); padding: 0; text-align: center; }
.section-gg li { line-height: 2.2em; }
.section-gg li.label { font-family: 'Questrial', sans-serif; letter-spacing: 6px; text-transform: uppercase; }
.section-gg hr { width: 5%; border: 1px solid black; margin-bottom: calc(2 * 20px); }
.section-gg a { color: black;    text-decoration: none; }
.section-gg a:hover {    border-bottom: 1px solid black; }

/* ---------------------- */
/* Device-specific styles */
/* ---------------------- */

/* Sub-tablet <768px */
@media (max-width: 768px) {

    .section-intro { width: 100%; }
    .section-intro .small { margin: 0 20px; }
    .section-intro p { max-width: 460px; width: auto; padding: 0 20px; }
    .section-intro .wrapper { width: 320px; text-align: center; margin: 0 auto 120px auto; }

    /* Small devices (tablets, > 768px) */
    @media (min-width: 769px) {

        .section-crow-pitcher { padding: calc(4 * 20px); }
        .section-crow-pitcher h2 { margin-bottom: calc(8 * 20px); margin-top: calc(4 * 20px); }
        .section-crow-pitcher .container p { font-size: 48px; }
        .section-crow-pitcher .container .drop-p { color: white; font-size: 18px; float: left; line-height: 1.4em; margin-bottom: 0; margin-right: calc(3 * 20px); margin-top: calc(1 * 20px); width: 33.3%; }
        .section-crow-pitcher em { font-size: 18px; margin-bottom: calc(8 * 20px); }
        .section-crow-pitcher hr { width: 2.5%;    }

    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    .section-pomegranate .container img#bramble{left: 5%;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .section-crow-pitcher .container p { font-size: 104px; }
    .section-crow-pitcher .container .drop-p { font-size: 24px; line-height: 1.8em; margin-bottom: 0; margin-top: calc(1 * 20px); margin-right: calc(4 * 20px); }
    .section-crow-pitcher em { font-size: 24px; }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .section-crow-pitcher {    padding: calc(3 * 20px);    }
    .section-crow-pitcher h2 { margin-bottom: calc(2 * 20px);    margin-top: calc(3 * 20px);    }
    .section-crow-pitcher .container p { font-size: 64px; margin-bottom: calc(2 * 10px);    }
    /*.section-crow-pitcher .container .drop-p { font-size: 36px; line-height: 1.8em;    }*/
    /*.section-crow-pitcher em { font-size: 36px; margin-bottom: calc(12 * 20px); }*/
}