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

/* Responsive tweaks */
@media (max-width:900px){
    .grid--3{grid-template-columns:1fr}
    .primary-menu{display:none}
    .primary-menu.open{display:block;background:#fff;padding:1rem;border:1px solid #eee;position:absolute;top:64px;left:0;right:0}
    .footer-grid{grid-template-columns:1fr}
    .site-footer .footer-brand{text-align:center}
}

@media (max-width:600px){
    .hero-copy h1{font-size:1.5rem}
    .hero-media{height:140px}
}