@font-face {
  font-family: 'manier-medium';
  src:  url('manier-medium-webfont.woff2') format('woff2'),
        url('manier-medium-webfont.woff') format('woff');
}

html { 
  background: url(../images/view-from-square.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.home__text__hero__wrapper { align-items: center;
  display: flex;
  justify-content: center; height: 100vh;
max-width:600px; text-align: center; margin:0 auto;}



.home__text__hero {color:#fff; display: flex;
  align-items: center;justify-content: center;
  flex-direction: column; 
  align-items: center;
  margin-bottom:0px;
  font-size:30px;
 font-family: manier-medium, serif;
 line-height:1.5em;
  }  

.lazy-fadeup {
    -webkit-animation: moving 2s;
    animation: moving 2s;
}
    
@-webkit-keyframes moving {
    from {-webkit-transform: translateY(50px);}
    to {-webkit-transform: translateY(0px);}
}

@keyframes moving {
    from {transform: translateY(50px);}
    to {transform: translateY(0px);}
}