/*custom style to accommodate longer site title*/
.site-name .site-title {
    font-size: 2.25rem;
    line-height: 1;
}
.site-title .tagline {
    margin-top: 10px;
}
@media (max-width: 768px) {
    header .grid {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .grid.header-main .unit {
        width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
        float: none;
    }
    .site-name .site-title, .site-title .tagline {
        text-align: center;
    }
}