.container-header {
  background: rgb(255,0,0);
}

.btn-primary {
    background-color: rgba(255,0,0);
    border-color: rgba(0,0,0);
}

.container-header .mod-menu {
    -webkit-box-flex: 1;
    color: #FFFFFF;
}

.boxed .blog-item {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(51,57,66,.1),0 2px 5px rgba(51,57,66,.08),0 5px 15px rgba(51,57,66,.08),inset 0 3px 0 var(--cassiopeia-color-primary);
    box-shadow: 3px 0px 0px rgba(51,57,66,0.1),0 5px 0px rgba(51,57,66,0.08),6px 7px 6px rgba(51,57,66,.08),inset 0px 0px 0px var(--cassiopeia-color-primary);
}

.container-banner .banner-overlay {
    background-attachment: fixed;
    background-position: top,50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 70vh;
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #efefef;
    color: var(--body-color);
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    margin: 0;
    text-align: var(--body-text-align);
}