* {
    font-family: 'Source Sans Pro', sans-serif;
}

body {
  background-color: #ebebeb;
  
}

#title {
    background-image: url("/images/snow.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    /* background-size: 500px 800px; */
}

.break {
    flex-basis: 100%;
    height: 0;
}

.stroke {
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
} 


@keyframes fadeIn { 
  from { opacity: 100%; } 
  to { opacity: 20%; }
}

.fade {
  text-align: center;
  animation-timing-function: ease;
  animation: fadeIn 3s infinite;
}

.footer {
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
}


.slide {
  position: relative;
  animation-name: example;
  animation-duration: 3s;  
  animation-fill-mode: forwards;
}

@keyframes example {
  from {top: 0px;}
  to {top: -100vh;}
}











#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 10vh;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* z-index: 2; */
}