.header{.header-images{display:flex;.kloppfer-face{position:absolute;z-index:1;margin:0 -7rem;height:14.1rem}.header-background{height:14rem;width:100%;-o-object-fit:cover;object-fit:cover}}.navigation{border-top:solid var(--primary-border) .2rem;background-color:var(--primary);align-content:center;margin:0 0!important;padding:.5rem 0;width:100%;color:var(--primary-text);height:3rem;.nav-dropdown-menu{font-size:1.3rem;float:left;display:flex;align-items:center;.menu-icon{&:hover{color:var(--secondary-highlight)}}}.dropdown-item{font-size:1.3rem;margin:0;&.sub-item{padding-left:2rem;font-size:1.1rem}}.social-media-links{display:flex;justify-content:flex-end;a{font-size:1.5rem;text-decoration:none;display:inline-flex;align-items:center;margin:0 .3rem;color:var(--primary-text);&:hover{color:var(--secondary-highlight)}label{margin:0 1rem 0 .5rem;font-size:1.5rem}}}}}@font-face{font-family:SourceSansPro;src:url(/fonts/SourceSansPro-Semibold.79c58b61.ttf) format("truetype")}:root{--primary:#00aecf;--primary-text:#fff;--primary-highlight:#ffcd76;--primary-border:#007288;--secondary:#fff;--secondary-text:#000;--secondary-highlight:#ffcd76}html{background-image:url(/img/Kloppfer_Background.cfad88c9.png);background-size:cover;overflow-y:auto;overflow-x:hidden;body{background:transparent!important;#app{font-family:SourceSansPro,Helvetica,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center;padding:0 20%;margin:3rem 0;color:#000;.page{width:70rem;min-width:50rem;.header{.dropdown-item{&:hover{color:var(--primary-text);background-color:var(--primary)}}}.content{min-height:35rem;img{max-width:100%}}}}}}.content{width:100%;background-color:var(--primary-text)}div{a{color:#fff;font-size:3rem;text-decoration:none;margin:0 3rem;display:inline-flex;align-items:center;&:hover{color:#e0ea8a}label{font-size:2rem;margin:0 1rem}}}.content{padding-bottom:5rem}.banner{margin-left:-2rem;margin-right:-2rem;margin-top:-3.8rem;width:110%}div{a{color:#fff;font-size:3rem;text-decoration:none;margin:0 3rem;display:inline-flex;align-items:center;&:hover{color:#e0ea8a}label{font-size:2rem;margin:0 1rem}}}p{color:#fff;bottom:0;width:100%;height:2.5rem;position:absolute}.content{a{margin:0;img{&:hover{outline:.25rem solid var(--secondary-highlight)}}}}.content{padding:2rem;text-align:justify;font-size:1.1rem}