@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');


.alt-font {font-family: 'Playfair Display', serif;}
.main-font {font-family: 'Open Sans', sans-serif;}


/* ===================================
    General
====================================== */


img {max-width: 100%}





/* ===================================
            Parallax
   ====================================== */

.static-img {position: relative}
.static-text {letter-spacing: 15px;
    position: absolute;
    color: white;
    text-align: center;
    display: block;
    top: 50%;
    width: 100%;
    max-width: 952px;
    margin: 0 auto;
    line-height: 1;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.by {
    letter-spacing: 2px;
    color: white;
    padding-right: 15px;
    text-align: right;
    display: block;
    width: 100%;
}
.relax {font-size: 60px;}




@media screen and (max-width: 767px) {
    .static-text {letter-spacing: 5px; top:42%;}
    .relax {font-size: 0.9rem; letter-spacing: 3px; }
}