/*
 * NFL Heading Animation
 *
 * The critical anti-flash rules (visibility: hidden + reduced motion
 * fallback) are printed inline in wp_head by the plugin so they apply
 * before this stylesheet loads. This file exists for any additional
 * animation styling you want to layer on.
 */

.nfl-hero-tagline .char {
  will-change: transform, opacity;
}

.site-logo {
  visibility: hidden;
}

.brand {
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 9px 13px 0 rgba(0, 0, 0, .1803921568627451);
    box-shadow: 0 9px 13px 0 rgba(0, 0, 0, .1803921568627451);
    margin-top: 10px;
    padding: 10px;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    
}
@media screen and (min-width: 1024px) {
  .brand {
    margin-top: 40px;
    padding: 20px;
    height: 120px;
    width: 120px;
    z-index: 3;
  }
}
.brand .site-logo {
  width: 100%;
  height: auto;
}