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

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

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

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