.header {
    background: url('../images/ef66_15_head.jpg') center center no-repeat;
    background-size:100% auto;
}

.headcopy, main, #foot {
   font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
}

.note {
    color: #333;
}

.headcopy {text-shadow: 2px 2px 15px rgb(0, 0, 0, 0.9); }

/* Larger than phablet (also point when grid becomes active) */

@media (min-width: 200px) {
    .headcopy h2 {
        font-size: 3rem;
    }
    .headcopy .vol {
        font-size: 1.5rem;
        padding-top: 0;
    }
    #head p.vol,#head p.cmt {
        margin-bottom: 0.5rem;
    }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
    .headcopy h2 {
        font-size: 3rem;
    }
    .headcopy h3 {
        font-size: 0.8rem;
    }
    .headcopy .vol {
        font-size: 2rem;
        padding-top: 5%;
    }
    #head p.vol,#head p.cmt {
        margin-bottom: 2.5rem;
    }
}

/* Larger than tablet */
@media (min-width: 750px) {
    .headcopy h2 {
        font-size: 5rem;
    }
    .headcopy h3 {
        font-size: 0.8rem;
    }
    .headcopy .vol {
        font-size: 2.5rem;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) {
    .headcopy h2 {
        font-size: 5.5rem;
    }
    .headcopy h3 {
        font-size: 1.2rem;
    }
    .headcopy .vol {
        font-size: 2.5rem;
    }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    .headcopy h2 {
        font-size: 7rem;
    }
    .headcopy h3 {
        font-size: 1.5rem;
    }
    .headcopy .vol {
        font-size: 3.5rem;
    }

}