:root{
    --header-height: 5em;
    --slides-height: 15em;
}

@font-face {
    font-display: swap;
    font-family: 'Acumin Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/acumin-pro/AcuminPro-Bold.ttf') format('truetype'),
    url('../fonts/acumin-pro/AcuminPro-Light.ttf') format('truetype');
}

body {
    font-family: "Acumin Pro";
    /*min-width: 345px;*/
}

#background-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/HolliT_Pattern_04.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60vw;
}

#header {
    position: relative;
    height: var(--header-height);
}

    #logo_square {
        width: 3em;
        height: 3em;
        padding: 0.5em;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
    }

#slides {
    margin-top: calc(var(--header-height) + 1em) ;
    height: var(--slides-height);
}

/*

section {
   padding: 2em;
 }
.nav > li > a {
   !* color: #575656; *!
    text-decoration: none;
 }

.nav > li > a:hover {
   !* color: #2b2b2b; *!
 }

 h2 {
	 font-size: 1.5em;
	 font-weight: bold;
     text-decoration: underline;
 }


footer {
  clear: both;
}

#currentSection {
  opacity: 1;
  transition: all 0.5s;
}
#currentSection.hide {
  opacity: 0;
}
*/