@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		10;
	dw-num-cols-desktop:	14;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

	
    
    

    
    .top{
        width: 90%;
        margin: 1em 5vw auto;
        height: auto;
        display: block;
        float: left;
        clear: none;
        position: fixed;
        z-index: 1000;
        transition: all .3s;
    }
    
    
    
    
    .top .logo{
        width: 30%;
        height: 20vh;
        float: left;
        clear: none;
        background-image: url("../img/blublzelogo.svg");
        background-repeat: no-repeat;
        background-size: contain;
        transition: all .3s;
    }
    
  
    
    
    
    .topmoved{
        background-color: #F5F5F5;
        padding: 1em 1em .5em;
        width: calc(95% - 3em);
        margin: 1em 2.5% auto;
        height: auto;
        display: block;
        float: left;
        clear: none;
        position: fixed;
        z-index: 1000;
        border-radius: .5em;
        transition: all .3s;
    }
    
    
    .topmoved .logo{
        width: 30%;
        height: 4vh;
        float: left;
        clear: none;
        background-image: url("../img/blublzelogo-horizontal.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }
    

    
    
    
    .nav-btn{
        height: auto;
        width: calc(auto - 1.5em);
        float: right;
        padding: 1em 1em auto auto;
        background: transparent;
        border: 0;
        cursor: pointer;
          display: grid; 
  grid-auto-flow: row dense; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 1fr; 
  gap: 0em 1em; 
        display: flex;
      justify-content: center;
      align-items: center;
        position: relative;
         z-index: 10;
                margin: 0;
        top: .5em;
        right: 0;
        position: absolute;
        
    }
    
    
    .nav-btn p{
        font-weight: 500;
        color: #000;
    }
    
    .nav-btn .navstrokes{
        height: 1em;
        width: 2em;
        float: left;
        clear: none;
        display: block;
        position: relative;
        padding: 0;
    }
    
    
    .nav-btn .navstrokes span{
        height: 1.5px;
        background-color: black;
        float: left;
        clear: both;
        display: block;
        position: relative;
        transition: all .4s;
    }
    
    .navstrokes span:first-child{
        width: 2.5em;
        margin: 0em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
    }
    
    .navstrokes span:last-child{
        width: 2.5em;
        margin: .4em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
    } 
    
    
    
     .nav-btn .navstrokes-expanded{
        height: 1em;
        width: 1em;
        float: left;
        clear: none;
        display: block;
        position: relative;
        padding: 0;
       
    }
    
    
    .navstrokes-expanded span{
        height: 3px;
        background-color: black;
        float: left;
        clear: both;
        display: block;
        position: relative;
        transition: all .4s;
    }
    
    .navstrokes-expanded span:first-child{
        width: 1em;
        margin: .4em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
        transform: rotate(45deg)
    }
    
    .navstrokes-expanded span:last-child{
        width: 1em;
        margin: -.1em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
        transform: rotate(-45deg)
    } 
    
    
    
    
    
    
    
    
    
    .nav-closed{
        display: none;
        width: calc(0vw - 0em);
        height: calc(0vh - 0em);
        float: left;
        clear: none;
        border-radius: 0em;
        position: absolute;
        z-index: 0;
        top:0;
        right:0;
        transition: all .4s;
    }
    
    
    
    
    
    
    .nav-popup{
        width: calc(100vw - 1em);
        height: calc(100vh - 10em);
        float: left;
        clear: none;
        display: block;
        border-radius: 0em;
        background-color: white;
        padding: 5em 2em ;
        position: fixed;
        top:0;
        right:0;
        overflow: hidden;
        transition: all .4s;
    }
    
    
    .bignav{
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        font-family: "bahnschrift";
        transition: all .4s;
        transform-style: flat;
    }
    
    
    .bignav li{
        list-style: none;
        font-size: 2.2em;
        cursor: pointer;
        font-weight: 700;
        transition: all .4s;
        transform-style: flat;
        width: auto;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: left;
      justify-content: left;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        
    }
    
    
    .bignav li span{
        width: 0em;
        height: 0em;
        transform-origin: center;
        border-radius: 2em;
        background-color: #EC2227;
        color: #fff;
         display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: .0em;
        font-weight: 100;
        transition: all .3s;
    }
    
    
    
    .bignav li:hover span{
        width: 4em;
        height: 4em;
        border-radius: 2em;
        background-color: #EC2227;
        color: #fff;
         display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: .4em;
        font-weight: 100;
        margin: .5em;
    }
    
    
    .bignav li:hover{
        color: #DFDFDF;
    }
    
    
    .bignav li:hover::marker{
        color: red;
        transition: all .4s;
        transform-style: flat;
    }
    
    
    
    
    
    
    
    
    .smallnav{
        float: right;
        clear: none;
        width: auto;
        height: auto;
        margin: 7em 3vw auto;
    }
    
    
    .smallnav li img{
        height: 8vh;
    }
    
    
    .smallnav li{
        list-style: none;
        font-family: "bahnschrift";
        font-weight: 700;
        color: #000;
        font-size: 1em;
        text-align: right;
        margin: 1em auto;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .footer{
        width: 100%;
        height: auto;
        display: block;
        float: left;
        clear: none;
        background-color: #F5F5F5;
        margin: 15vh auto 0;
    }
    
    
    
    .footer-inner{
        width: calc(90% - 2em);
        height: auto;
        margin: 2em 5% 3vh;
        float: left;
        clear: none;
              display: block; 

    }


.footer-inner div{
    margin: 1em;
}
    
    
    
    .f-img{
        width: 100%;
        height: 5vh;
        display: none;
        float: left;
        clear: none;
        background-image: url("../img/bb-icon.svg");
        background-size: 2em;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    
    .f-call, .f-email{
        border: solid #000;
        border-width: 0 0 0 0px;
        padding: 0 0 0 0em;
        width: calc(100% - 2em);
        height: auto;
    }
    
    
    
    .f-social{
        width: calc(100% - 2em);
        height: auto;
        display: grid; 
  grid-auto-flow: row dense; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap: 1em 1em; 
        float: right;
        clear: none;
        text-align: right;
    }
    
    
    
    .f-social i{
        font-size: 1.2em;
        cursor: pointer;
        transition: all .25s;
        transform-origin: center;
        padding: 1em;
        width: calc(auto - 1em);
        background-color: white;
        border-radius: .5em;
        height: 1em;
        text-align: center;
        
    }
    
    
    .f-social i:hover{
        font-size: 1.1em;
    }
    
    
    
    .citation{
        width: 85%;
        margin: auto 7.5% 10vh;
        height: auto;
        display: block;
        float: left;
        clear: none;
        text-align: center;
    }
    
    
    
    
    #scrollbackup{
        position: absolute;
        right: 7.5%;
        bottom: 2em;
    }
    
    
    
    
    














/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	
	
	
	
	
	
    
    
    
    
    
    
    
    
    
	

	
	
	
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

    
    
    

    
    .top{
        width: 90%;
        margin: 1em 5vw auto;
        height: auto;
        display: block;
        float: left;
        clear: none;
        position: fixed;
        z-index: 1000;
        transition: all .3s;
    }
    
    
    
    
    .top .logo{
        width: 15%;
        height: 10vh;
        float: left;
        clear: none;
        background-image: url("../img/blublzelogo.svg");
        background-repeat: no-repeat;
        background-size: contain;
        transition: all .3s;
    }
    
  
    
    
    
    .topmoved{
        background-color: #F5F5F5;
        padding: .5em 1em .5em;
        width: calc(90% - 2em);
        margin: .5em 5vw auto;
        height: auto;
        display: block;
        float: left;
        clear: none;
        position: fixed;
        z-index: 1000;
        border-radius: .5em;
        transition: all .3s;
    }
    
    
    .topmoved .logo{
        width: 10%;
        height: 4vh;
        float: left;
        clear: none;
        background-image: url("../img/blublzelogo-horizontal.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }
    

    
    
    
    .nav-btn{
        height: auto;
        width: calc(auto - 1.5em);
        float: right;
        padding: 1em 1.5em;
        background: transparent;
        border: 0;
        cursor: pointer;
          display: grid; 
  grid-auto-flow: row dense; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 1fr; 
  gap: 0em 1em; 
        display: flex;
      justify-content: center;
      align-items: center;
        position: relative;
         z-index: 10;
                margin: 0;
        top: 0;
        right: 0;
        position: absolute;
    }
    
    
    .nav-btn p{
        font-weight: 600;
    }
    
    .nav-btn .navstrokes{
        height: 1em;
        width: 3em;
        float: left;
        clear: none;
        display: block;
        position: relative;
        padding: 0;
    }
    
    
    .nav-btn .navstrokes span{
        height: 2px;
        background-color: black;
        float: left;
        clear: both;
        display: block;
        position: relative;
        transition: all .4s;
    }
    
    .navstrokes span:first-child{
        width: 3em;
        margin: 0em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
    }
    
    .navstrokes span:last-child{
        width: 3em;
        margin: .4em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
    } 
    
    
    
     .nav-btn .navstrokes-expanded{
        height: 1em;
        width: 3em;
        float: left;
        clear: none;
        display: block;
        position: relative;
        padding: 0;
       
    }
    
    
    
    
    
    .navstrokes-expanded span{
        height: 3px;
        background-color: black;
        float: left;
        clear: both;
        display: block;
        position: relative;
        transition: all .4s;
    }
    
    .navstrokes-expanded span:first-child{
        width: 2em;
        margin: .4em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
        transform: rotate(45deg)
    }
    
    .navstrokes-expanded span:last-child{
        width: 2em;
        margin: -.1em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
        transform: rotate(-45deg)
    } 
    
    
    
    
    
    
    
    
    
    .nav-closed{
        display: none;
        width: calc(0vw - 0em);
        height: calc(0vh - 0em);
        float: left;
        clear: none;
        border-radius: 0em;
        position: absolute;
        z-index: 0;
        top:0;
        right:0;
        transition: all .4s;
    }
    
    
    
    
    
    
    .nav-popup{
        width: calc(100vw - 4em);
        height: calc(100vh - 4em);
        float: left;
        clear: none;
        display: block;
        border-radius: 0em;
        background-color: white;
        padding: 2em;
        position: fixed;
        top:0;
        right:0;
        overflow: hidden;
        transition: all .4s;
    }
    
    
    .bignav{
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        font-family: "bahnschrift";
        transition: all .4s;
        transform-style: flat;
    }
    
    
    .bignav li{
        list-style: none;
        font-size: 5em;
        cursor: pointer;
        font-weight: 700;
        transition: all .4s;
        transform-style: flat;
        width: auto;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: left;
      justify-content: left;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        
    }
    
    
    .bignav li span{
        width: 0em;
        height: 0em;
        transform-origin: center;
        border-radius: 2em;
        background-color: #EC2227;
        color: #fff;
         display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: .0em;
        font-weight: 100;
        transition: all .3s;
    }
    
    
    
    .bignav li:hover span{
        width: 4em;
        height: 4em;
        border-radius: 2em;
        background-color: #EC2227;
        color: #fff;
         display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: .4em;
        font-weight: 100;
        margin: .5em;
    }
    
    
    .bignav li:hover{
        color: #DFDFDF;
    }
    
    
    .bignav li:hover::marker{
        color: red;
        transition: all .4s;
        transform-style: flat;
    }
    
    
    
    
    
    
    
    
    .smallnav{
        float: right;
        clear: none;
        width: auto;
        height: auto;
        margin: 1em 5vw;
    }
    
    
    .smallnav li img{
        height: 12vh;
    }
    
    
    .smallnav li{
        list-style: none;
        font-family: "bahnschrift";
        font-weight: 700;
        color: #000;
        font-size: 1.3em;
        text-align: right;
        margin: 1em auto;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .footer{
        width: 100%;
        height: auto;
        display: block;
        float: left;
        clear: none;
        background-color: #F5F5F5;
        margin: 15vh auto 0;
    }
    
    
    
    .footer-inner{
        width: calc(90% - 2em);
        height: auto;
        margin: 5em 5%;
        float: left;
        clear: none;
          display: grid; 
          grid-auto-flow: row dense; 
          grid-auto-columns: 1fr; 
          grid-auto-rows: 1fr; 
          grid-template-columns: 1.5fr 1fr 1fr 1fr; 
          gap: 1em 1em; 
          grid-template-areas: 
            ". . . ."
          ; 
    }
    
    
    .footer-inner div{
    margin: auto;
}
    
    
    
    .f-img{
        width: 100%;
        height: 5vh;
        display: none;
        float: left;
        clear: none;
       
        background-image: url("../img/bb-icon.svg");
        background-size: 2em;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    
    .f-call, .f-email{
        border: solid #000;
        border-width: 0 0 0 1px;
        padding: 0 0 0 2em;
        width: calc(100% - 2em);
        height: auto;
    }
    
    
    
    .f-social{
        width: 100%;
        height: auto;
        display: grid; 
  grid-auto-flow: row dense; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap: 1em 1em; 
        float: right;
        clear: none;
        text-align: right;
    }
    
    
    
    .f-social i{
        font-size: 1em;
        cursor: pointer;
        transition: all .25s;
        transform-origin: center;
        padding: 1em;
        width: calc(auto - 1em);
        background-color: white;
        border-radius: .5em;
        height: 1em;
        text-align: right;
        
    }
    
    
    .f-social i:hover{
        font-size: 1.1em;
    }
    
    
    
    .citation{
        width: 85%;
        margin: auto 7.5% 2em;
        height: auto;
        display: block;
        float: left;
        clear: none;
        text-align: center;
    }
    
    
    
    
    #scrollbackup{
        position: absolute;
        right: 7.5%;
        bottom: 2em;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
  
    
    
}
    /* Desktop Layout: 769px to a max of 1080px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1080px) {
	
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
    
    
    /* Desktop Layout:1080px to a max of 1440px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1440px) {
    
    
    
    

    
    .top{
        width: 85%;
        margin: 2em 7.5vw auto;
        height: auto;
        display: block;
        float: left;
        clear: none;
        position: fixed;
        z-index: 1000;
        transition: all .3s;
    }
    
    
    
    
    .top .logo{
        width: 15%;
        height: 10vh;
        float: left;
        clear: none;
        background-image: url("../img/blublzelogo.svg");
        background-repeat: no-repeat;
        background-size: contain;
        transition: all .3s;
    }
    
  
    
    
    
    .topmoved{
        background-color: #F5F5F5;
        padding: 1em 2em;
        width: calc(85% - 4em);
        margin: .5em 7vw auto;
        height: auto;
        display: block;
        float: left;
        clear: none;
        position: fixed;
        z-index: 1000;
        border-radius: 1em;
        transition: all .3s;
    }
    
    
    .topmoved .logo{
        width: 10%;
        height: 4vh;
        float: left;
        clear: none;
        background-image: url("../img/blublzelogo-horizontal.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }
    

    
    
    
    .nav-btn{
        height: auto;
        width: calc(auto - 1.5em);
        float: right;
        padding: 1em 1.5em;
        background: transparent;
        border: 0;
        cursor: pointer;
          display: grid; 
  grid-auto-flow: row dense; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 1fr; 
  gap: 0em 1em; 
        display: flex;
      justify-content: center;
      align-items: center;
        position: relative;
         z-index: 10;
                margin: 0;
        top: 0;
        right: 0;
        position: absolute;
    }
    
    
    .nav-btn p{
        font-weight: 600;
    }
    
    .nav-btn .navstrokes{
        height: 1em;
        width: 6em;
        float: left;
        clear: none;
        display: block;
        position: relative;
        padding: 0;
    }
    
    
    .nav-btn .navstrokes span{
        height: 3px;
        background-color: black;
        float: left;
        clear: both;
        display: block;
        position: relative;
        transition: all .4s;
    }
    
    .navstrokes span:first-child{
        width: 6em;
        margin: 0em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
    }
    
    .navstrokes span:last-child{
        width: 6em;
        margin: .4em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
    } 
    
    
    
     .nav-btn .navstrokes-expanded{
        height: 1em;
        width: 3em;
        float: left;
        clear: none;
        display: block;
        position: relative;
        padding: 0;
       
    }
    
    
    
    
    
    .navstrokes-expanded span{
        height: 3px;
        background-color: black;
        float: left;
        clear: both;
        display: block;
        position: relative;
        transition: all .4s;
    }
    
    .navstrokes-expanded span:first-child{
        width: 3em;
        margin: .4em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
        transform: rotate(45deg)
    }
    
    .navstrokes-expanded span:last-child{
        width: 3em;
        margin: -.2em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
        transform: rotate(-45deg)
    } 
    
    
    
    
    
    
    
    
    
    .nav-closed{
        display: none;
        width: calc(0vw - 0em);
        height: calc(0vh - 0em);
        float: left;
        clear: none;
        border-radius: 0em;
        position: absolute;
        z-index: 0;
        top:0;
        right:0;
        transition: all .4s;
    }
    
    
    
    
    
    
    .nav-popup{
        width: calc(100vw - 8em);
        height: calc(100vh - 8em);
        float: left;
        clear: none;
        display: block;
        border-radius: 0em;
        background-color: white;
        padding: 4em;
        position: fixed;
        top:0;
        right:0;
        overflow: hidden;
        transition: all .4s;
    }
    
    
    .bignav{
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        font-family: "bahnschrift";
        transition: all .4s;
        transform-style: flat;
    }
    
    
    .bignav li{
        list-style: none;
        font-size: 8em;
        cursor: pointer;
        font-weight: 700;
        transition: all .4s;
        transform-style: flat;
        width: auto;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: left;
      justify-content: left;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        
    }
    
    
    .bignav li span{
        width: 0em;
        height: 0em;
        transform-origin: center;
        border-radius: 2em;
        background-color: #EC2227;
        color: #fff;
         display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: .0em;
        font-weight: 100;
        transition: all .3s;
    }
    
    
    
    .bignav li:hover span{
        width: 4em;
        height: 4em;
        border-radius: 2em;
        background-color: #EC2227;
        color: #fff;
         display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: .4em;
        font-weight: 100;
        margin: .5em;
    }
    
    
    .bignav li:hover{
        color: #DFDFDF;
    }
    
    
    .bignav li:hover::marker{
        color: red;
        transition: all .4s;
        transform-style: flat;
    }
    
    
    
    
    
    
    
    
    .smallnav{
        float: right;
        clear: none;
        width: auto;
        height: auto;
        margin: 1em 5vw;
        
    }
    
    
    .smallnav li{
        list-style: none;
        font-family: "bahnschrift";
        font-weight: 700;
        color: #000;
        font-size: 2em;
        text-align: right;
        margin: 1em auto;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .footer{
        width: 100%;
        height: auto;
        display: block;
        float: left;
        clear: none;
        background-color: #F5F5F5;
        margin: 15vh auto 0;
    }
    
    
    
    .footer-inner{
        width: 85%;
        height: auto;
        margin: 5em 7.5%;
        float: left;
        clear: none;
          display: grid; 
          grid-auto-flow: row dense; 
          grid-auto-columns: 1fr; 
          grid-auto-rows: 1fr; 
          grid-template-columns: 0.5fr 1.5fr 1fr 1fr 1fr; 
          gap: 1em 1em; 
        grid-template-areas: 
            ". . . ."
          ; 
    }
    
    
    
    .f-img{
        width: 100%;
        height: 5vh;
        display: block;
        float: left;
        clear: none;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        background-image: url("../img/bb-icon.svg");
        background-size: 2em;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    
    .f-call, .f-email{
        border: solid #000;
        border-width: 0 0 0 1px;
        padding: 0 0 0 2em;
        width: calc(100% - 2em);
        height: auto;
    }
    
    
    
    .f-social{
        width: 100%;
        height: auto;
        display: grid; 
  grid-auto-flow: row dense; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap: 1em 1em; 
        
    }
    
    
    
    .f-social i{
        font-size: 1.5em;
        cursor: pointer;
        transition: all .25s;
        transform-origin: center;
        padding: 1em;
        width: calc(auto - 1em);
        background-color: white;
        border-radius: .5em;
        height: 1em;
        
    }
    
    
    .f-social i:hover{
        font-size: 1.4em;
    }
    
    
    
    .citation{
        width: 85%;
        margin: auto 7.5% 2em;
        height: auto;
        display: block;
        float: left;
        clear: none;
        text-align: center;
    }
    
    
    
    
    #scrollbackup{
        position: absolute;
        right: 7.5%;
        bottom: 2em;
    }
    
    
    
}
    
        /* Desktop Layout: 1440px to a max of 1920px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1920px) {
	
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
  
    
    
    
}
            /* Desktop Layout: 1920px to a max of 2400px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 2400px) {
	

    
    
    
    
    

    
    .top{
        width: 85%;
        margin: 2em 7.5vw auto;
        height: auto;
        display: block;
        float: left;
        clear: none;
        position: fixed;
        z-index: 1000;
        transition: all .3s;
    }
    
    
    
    
    .top .logo{
        width: 15%;
        height: 10vh;
        float: left;
        clear: none;
        background-image: url("../img/blublzelogo.svg");
        background-repeat: no-repeat;
        background-size: contain;
        transition: all .3s;
    }
    
  
    
    
    
    .topmoved{
        background-color: #F5F5F5;
        padding: 1em 2em;
        width: calc(85% - 4em);
        margin: .5em 7vw auto;
        height: auto;
        display: block;
        float: left;
        clear: none;
        position: fixed;
        z-index: 1000;
        border-radius: 1em;
        transition: all .3s;
    }
    
    
    .topmoved .logo{
        width: 10%;
        height: 4vh;
        float: left;
        clear: none;
        background-image: url("../img/blublzelogo-horizontal.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }
    

    
    
    
    .nav-btn{
        height: auto;
        width: calc(auto - 1.5em);
        float: right;
        padding: 1em 1.5em;
        background: transparent;
        border: 0;
        cursor: pointer;
        display: grid; 
      grid-auto-flow: row dense; 
      grid-auto-columns: 1fr; 
      grid-auto-rows: 1fr; 
      grid-template-columns: 1fr 1fr; 
      gap: 0em 1em; 
      display: flex;
      justify-content: center;
      align-items: center;
        position: relative;
        z-index: 10;
        margin: 0;
        top: 0;
        right: 0;
        position: absolute;
    }
    
    
    .nav-btn p{
        font-weight: 600;
    }
    
    .nav-btn .navstrokes{
        height: 1em;
        width: 6em;
        float: left;
        clear: none;
        display: block;
        position: relative;
        padding: 0;
    }
    
    
    .nav-btn .navstrokes span{
        height: 4px;
        background-color: black;
        float: left;
        clear: both;
        display: block;
        position: relative;
        transition: all .4s;
    }
    
    .navstrokes span:first-child{
        width: 6em;
        margin: 0em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
    }
    
    .navstrokes span:last-child{
        width: 6em;
        margin: .4em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
    } 
    
    
    
     .nav-btn .navstrokes-expanded{
        height: 1em;
        width: 3em;
        float: left;
        clear: none;
        display: block;
        position: relative;
        padding: 0;
       
    }
    
    
    
    
    
    .navstrokes-expanded span{
        height: 3px;
        background-color: black;
        float: left;
        clear: both;
        display: block;
        position: relative;
        transition: all .4s;
    }
    
    .navstrokes-expanded span:first-child{
        width: 3em;
        margin: .4em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
        transform: rotate(45deg)
    }
    
    .navstrokes-expanded span:last-child{
        width: 3em;
        margin: -.2em auto auto auto;
        bottom: 0;
        transform-origin: center;
        top: auto;
        left: 0;
        transform: rotate(-45deg)
    } 
    
    
    
    
    
    
    
    
    
    .nav-closed{
        display: none;
        width: calc(0vw - 0em);
        height: calc(0vh - 0em);
        float: left;
        clear: none;
        border-radius: 0em;
        position: absolute;
        z-index: 0;
        top:0;
        right:0;
        transition: all .4s;
    }
    
    
    
    
    
    
    .nav-popup{
        width: calc(100vw - 16em);
        height: calc(100vh - 16em);
        float: left;
        clear: none;
        display: block;
        border-radius: 0em;
        background-color: white;
        padding: 8em;
        position: fixed;
        top:0;
        right:0;
        overflow: hidden;
        transition: all .4s;
    }
    
    
    .bignav{
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: auto;
        font-family: "bahnschrift";
        transition: all .4s;
        transform-style: flat;
    }
    
    
    .bignav li{
        list-style: none;
        font-size: 8em;
        cursor: pointer;
        font-weight: 700;
        transition: all .4s;
        transform-style: flat;
        width: auto;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: left;
      justify-content: left;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        
    }
    
    
    .bignav li span{
        width: 0em;
        height: 0em;
        transform-origin: center;
        border-radius: 2em;
        background-color: #EC2227;
        color: #fff;
         display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: .0em;
        font-weight: 100;
        transition: all .3s;
    }
    
    
    
    .bignav li:hover span{
        width: 4em;
        height: 4em;
        border-radius: 2em;
        background-color: #EC2227;
        color: #fff;
         display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        font-size: .4em;
        font-weight: 100;
        margin: .5em;
    }
    
    
    .bignav li:hover{
        color: #DFDFDF;
    }
    
    
    .bignav li:hover::marker{
        color: red;
        transition: all .4s;
        transform-style: flat;
    }
    
    
    
    
    
    
    
    
    .smallnav{
        float: right;
        clear: none;
        width: auto;
        height: auto;
        margin: 8em 5vw;
        
    }
    
    
    .smallnav li{
        list-style: none;
        font-family: "bahnschrift";
        font-weight: 700;
        color: #000;
        font-size: 2em;
        text-align: right;
        margin: 2em auto;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .footer{
        width: 100%;
        height: auto;
        display: block;
        float: left;
        clear: none;
        background-color: #F5F5F5;
        margin: 15vh auto 0;
    }
    
    
    
    .footer-inner{
        width: 85%;
        height: auto;
        margin: 5em 7.5%;
        float: left;
        clear: none;
          display: grid; 
          grid-auto-flow: row dense; 
          grid-auto-columns: 1fr; 
          grid-auto-rows: 1fr; 
          grid-template-columns: 0.5fr 1.5fr 1fr 1fr 1fr; 
          gap: 1em 1em; 
        grid-template-areas: 
            ". . . ."
          ; 
    }
    
    
    
    .f-img{
        width: 100%;
        height: 5vh;
        display: block;
        float: left;
        clear: none;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
        background-image: url("../img/bb-icon.svg");
        background-size: 2em;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    
    .f-call, .f-email{
        border: solid #000;
        border-width: 0 0 0 1px;
        padding: 0 0 0 2em;
        width: calc(100% - 2em);
        height: auto;
    }
    
    
    
    .f-social{
        width: 100%;
        height: auto;
        display: grid; 
  grid-auto-flow: row dense; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  gap: 1em 1em; 
        
    }
    
    
    
    .f-social i{
        font-size: 1.5em;
        cursor: pointer;
        transition: all .25s;
        transform-origin: center;
        padding: 1em;
        width: calc(auto - 1em);
        background-color: white;
        border-radius: .5em;
        height: 1em;
        
    }
    
    
    .f-social i:hover{
        font-size: 1.4em;
    }
    
    
    
    .citation{
        width: 85%;
        margin: auto 7.5% 2em;
        height: auto;
        display: block;
        float: left;
        clear: none;
        text-align: center;
    }
    
    
    
    
    #scrollbackup{
        position: absolute;
        right: 7.5%;
        bottom: 2em;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
		
}