/* CSS for all pages*/
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
header,nav{display:block}
a{background-image:url("bg.jpeg");-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}img{border-style:none}hr{box-sizing:content-box;height:0;overflow:visible}
button,input{font:inherit;margin:0}
button,input{overflow:visible}button{text-transform:none}
button,[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring{outline:1px dotted ButtonText}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h3{font-size:24px}h5{font-size:18px}
h1,h3,h5{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
hr{border:0;border-top:1px solid #eee;margin:20px 0}img{vertical-align:middle}a{color:inherit}
.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.button:disabled{cursor:not-allowed;opacity:0.3}:disabled *{pointer-events:none}
.sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.main{transition:margin-left .4s}
.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.container:after,.container:before,.row:after,.row:before{content:"";display:table;clear:both}
.col{float:left;width:100%}.col.s6{width:49.99999%}
.content{max-width:980px;margin:auto}
@media (min-width:993px){.hide-large{display:none!important}.sidebar.collapse{display:block!important}}
@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}}
.top{position:fixed;width:100%;z-index:1}.top{top:0}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.display-topleft{position:absolute;left:0;top:0}
.round{border-radius:4px}
.container{padding:0.01em 16px}
.card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.large{font-size:18px!important}
.xlarge{font-size:24px!important}
.xxlarge{font-size:36px!important}
.xxxlarge{font-size:48px!important}
.jumbo{font-size:64px!important}
.center{text-align:center!important}
.margin-right{margin-right:16px!important}
.padding{padding:8px 16px!important}
.padding-16{padding-top:16px!important;padding-bottom:16px!important}
.padding-32{padding-top:32px!important;padding-bottom:32px!important}
.padding-48{padding-top:48px!important;padding-bottom:48px!important}
.padding-64{padding-top:64px!important;padding-bottom:64px!important}
.right{float:right!important}
.button:hover{color:#000!important;background-color:#ccc!important}


/* Colors */
.purple{color:#fff!important;background-color:#9c27b0!important}
.hover-white:hover{color:#000!important;background-color:#fff!important}
.light-grey{color:#000!important;background-color:#f1f1f1!important}
.dark-grey{color:#fff!important;background-color:#616161!important}
.text-purple{color:#9c27b0!important}
.text-grey{color:#757575!important}

.shadow{h1
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px black;
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  
  color: white;
  
  text-shadow:
    3px 3px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
}

* {
  padding: 0;
  margin: 0
}

/*body {
  background-color: #f1f1f1; 
}*/
body{background-image: url("bg.jpeg");}

.crossfade > figure {
  animation: imageAnimation 18s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
}

.crossfade > figure:nth-child(1) {
  background-image: url('../img/1.jpeg');
}
.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('../img/3.jpeg');
}
.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('../img/4.jpeg');
}

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  33% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  45% {
    opacity: 1
  }
  60% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}