.offcanvas-header{
  height:9rem;
  background-color:#485865;
  width:100%;
  position:relative;
  z-index:1;
}

#offcanvas-title{
  text-align:center;
  width:100%;
  padding:10px;
  color:#fff;
  font-family:SiteFont-Light,Helvetica Neue,Arial,sans-serif;
  font-size:1.875rem;
}

#offcc{
  font-size:1.6rem !important;
  line-height:0;
  align-self:center;
  background:#fff !important;
  padding:.3rem 1rem !important;
  border-radius:5px;
  box-shadow:0 0 30px rgba(0, 0, 0, .8) !important;
  position:absolute;
  margin:1rem 2px;
  border:none;
}
#offcc,#offcc:hover{
  color:#333e47;
}
@media (min-width:580px){
  #offcc{
    right:-67px;
  }
}
@media (max-width:579.98px){
  #offcc{
    right:.5rem;
  }
}

/*# sourceMappingURL=offcanvas.css.map */