/* Micro reset */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html, body { height: 100%; width: 100%; }
    
    
    
body{
  overflow-y:scroll;
}

/*overrides*/
.container-fluid {
    padding-left:0;
    padding-right:0;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  
  position: fixed;
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  top: 0;
  bottom: 100%;
  right: 0;
  z-index: 1;
  background-size: 200%;
  overflow:auto;
  overflow-y:auto;
  overflow-x:hidden;
  
}

.menucloseoverlayHide{
    display:none;
}

.menucloseoverlayShow{
   width: 100% ;
   right: 200px;
   top:45px;
   height:2000px;
   position:fixed;
   z-index:99;
   display:block;
}

.hamburger{
    position: relative;
    z-index:99;
    right:15px;
    top:10px;
    height: 60px;
    cursor: pointer;
}

.menuShow{
    position: fixed;
    right: 200px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -ms-transition: right 0.5s;
    -o-transition: right 0.5s;
}

.menuHide{
    position: fixed;
    right: 0px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -ms-transition: right 0.5s;
    -o-transition: right 0.5s;
}


body {
	/* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

/* Additional non-critical styles */

h1, h3, p {
  max-width: 600px;
  margin: 0 auto 1em;
}

code {
	padding: 2px;
	background: #ddd;
}



@media (max-width: 650px) {
    .displayMobile {
        display:block;
    }
    .displayDesktop {
        display:none;
    }

}
@media (min-width: 651px) {
    .displayMobile {
        display:none;
    }
    .displayDesktop {
        display:block;
    }
}

    .displayMobileAlways {
        display:block;
    }
    .displayDesktopAlways {
        display:block;
    }

    .hideMobileAlways {
        display:none;
    }
    .hideDesktopAlways {
        display:none;
    }
    
    

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}