a { text-decoration: none; color: #333; }
a:hover{ color: #666;}
.site-header{ position: fixed; width: 100vw; z-index: 1; background: #fff;}
.site-header .link{ top: 2.4rem; right: 1.6rem; font-weight: 100;}
.site-main{ padding-top: 100px; min-height: 90vh;}
.headline{ font-size: 3rem; font-weight: 100; text-align: center;}
.content img, .content video { margin: 1rem 0; width: 100%; height: auto; border-radius: .3rem;}
.card { border: none; background: #f7f9ff;}
.card:hover{ box-shadow: rgba(112,128,175,0.2) 0 16px 24px 0;}
.card .card-img-top { height: 19rem; background: no-repeat center top; background-size: cover;}
.card .card-title{ font-weight: 300;}
.tag{ border-radius: 2rem; border-color: #abb5be;}
.pagination .page-item .page-link{ color: #666;}
.pagination .page-item.active .page-link{ border-color: #666; background-color: #666; color: #fff;}
.page404{ display: flex; flex-direction: column; justify-content: center; height: 70vh; text-align: center;}
.page404 .icon{margin: 0 auto; width: 96px; height: 96px;}
.site-footer { text-align: right;}
/* .logo{ display: inline-block; width: 64px; height: 64px; text-indent: -1000vw; background: no-repeat center center; background-size: cover; border-radius: 32px;} */

@media (max-width: 575.98px) { 
.site-header .link{ top: 1.6rem;}
.site-footer{ text-align: center;}
.headline{ font-size: 1.5rem;}
.card .card-img-top { height: 12rem;}
}