:root {
    --cassiopeia-color-primary: #337ab7;
    --cassiopeia-color-hover: #286090;
    --cassiopeia-color-link: #337ab7;
    --cassiopeia-font-weight-headings: 600;
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/work-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/work-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/work-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/work-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/work-sans-v18-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
  
/* work-sans-700 - latin */
@font-face {
font-family: 'Work Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/work-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/work-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/work-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/work-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/work-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/work-sans-v18-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}
    
body {
    background-image: url('../../../../../images/bg-photo.jpg');
    background-size: cover;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: #333;
}
.grid-child.container-component {
    background-color: hsla(0,0%,100%,.9);
    padding: 1.5rem;
    margin-top: 1em;
}
.container-header {
    background-color: hsla(0,0%,100%,.2);
    background-image: none;
    color:#333;
}
.container-footer {
    background-color: hsla(0,0%,100%,.8);
    background-image: none;
    color:#333;
}
.navbar-brand {
    margin-inline-start: auto;
    text-align: center;
}
.container-header .site-description {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #333;
}
.container-header .navbar-brand a {
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    font-family: 'Work Sans',Helvetica,Arial,sans-serif;
    text-decoration: none;
    font-size: clamp(1.25rem, 4.783vw + 0.174rem, 4rem);
    line-height: clamp(1.875rem, 5.783vw + 0.574rem, 5.2rem);
    font-weight: 700;
    font-style: italic;
    line-height: normal;
    color: #003362;
}
.container-header .mod-menu {
    color: #333;
    text-transform: uppercase;
}
.container-header .mod-menu > li.active::after,
.container-header .mod-menu > li:hover::after {
    background: #777;
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        justify-content: center;
        margin-inline-end: auto;
        margin-inline-start: auto;
    }
}
.container-header .navbar-toggler {
    color: #777;
}
.footer-contact p {
    margin: 0;
}
.footer-contact .custom {
    padding: .5em 0;
}
.menu-horizontal {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
    gap: .5em;
    justify-content: flex-end;
}
.page-header {
    width: 50%;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 1rem auto;
}
.page-header h1 {
    text-align: center;
    margin-top: .5rem;
}
h1 {
    font-size: 1.5em;
    letter-spacing: .8px;
    text-transform: uppercase;
}
h2 {
    font-size: 1.3em;
}
h3 {
    font-size: 1.2em;
}
.sidebar-right .mod-menu {
    text-transform: uppercase;
}