.presentation-page .rellax-text-container,
.landing-page .rellax-text-container {
    max-width: 1003px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 24%;
}

.presentation-page .rellax-text-container .h1-seo,
.landing-page .rellax-text-container .h1-seo {
    font-size: 16.8em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    z-index: 1;
    letter-spacing: -10px;
    text-align: center;
    background: #ffedea;
    background: -moz-linear-gradient(top, #FFFFFF 35%, #c38775 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 35%, #c38775 100%);
    background: linear-gradient(to bottom, #FFFFFF 35%, #c38775 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.presentation-page .rellax-text-container .pro,
.landing-page .rellax-text-container .pro {
    position: absolute;
    font-size: 20px;
    background: #132026;
    padding: 6px 10px;
    border-radius: 4px;
    top: 41px;
    font-weight: 600;
    margin-top: 10px;
    right: -78px;
}

.presentation-page .n-logo,
.landing-page .n-logo {
    max-width: 100px;
    margin-bottom: 40px;
}



.presentation-page .h3-description,
.landing-page .h3-description {
    z-index: 3;
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.71);
}

.presentation-page .category-absolute,
.landing-page .category-absolute {
    z-index: 3;
}

.presentation-page .rellax-header,
.landing-page .rellax-header {
    position: absolute;
    height: 100%;
    width: 100%;
}

.presentation-page .rellax-header-sky,
.landing-page .rellax-header-sky {
    z-index: 0;
    height: 50%;
}

.presentation-page .rellax-header-buildings,
.landing-page .rellax-header-buildings {
    z-index: 2;
}

.presentation-page [data-background-color="dark-red"],
.landing-page [data-background-color="dark-red"] {
    background: #220c08;
}



.landing-page .rellax-text-container {
    top: 22%;
}

.landing-page .rellax-text-container .h1-seo {
    letter-spacing: -3px;
    font-size: 10.3em;
}
@media screen and (max-width: 576px) {
    .landing-page .typography-line span {
        margin-left: 0;
    }
    .presentation-page .rellax-text-container .pro {
        bottom: 84px;
        top: initial;
        font-size: 13px;
        right: 55px;
    }
    .presentation-page .rellax-text-container .h1-seo,
    .presentation-page .landing-page .h1-seo {
        background: -moz-linear-gradient(top, #FFFFFF 64%, #c38775 100%);
        background: -webkit-linear-gradient(top, #FFFFFF 64%, #c38775 100%);
        background: linear-gradient(to bottom, #FFFFFF 64%, #c38775 100%);
        -webkit-background-clip: text;
        font-size: 8.4em;
    }
    .presentation-page .rellax-text-container,
    .landing-page .rellax-text-container {
        top: 21%;
        max-width: 360px;
    }
    .landing-page .rellax-text-container {
        top: 25%;
    }
    .landing-page .rellax-text-container .h1-seo {
        font-size: 3.8em;
    }
}
@media screen and (max-width: 768px) and (min-width: 576px) {
    .presentation-page .rellax-text-container,
    .landing-page .rellax-text-container {
        max-width: 565px;
        top: 33%;
    }
    .landing-page .rellax-text-container {
        top: 26%;
    }
    .presentation-page .rellax-text-container .h1-seo {
        font-size: 9.3em;
    }
    .landing-page .rellax-text-container .h1-seo {
        font-size: 5.6em;
    }
    .presentation-page .rellax-text-container .pro {
        font-size: 12px;
        top: -14px;
        right: 2px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .presentation-page .rellax-text-container,
    .landing-page .rellax-text-container {
        max-width: 730px;
        top: 32%;
    }
    .landing-page .rellax-text-container {
        top: 24%;
    }
    .presentation-page .rellax-text-container .pro {
        font-size: 14px;
        top: 18px;
        right: -3px;
    }
    .presentation-page .rellax-text-container .h1-seo {
        font-size: 10.8em;
    }
    .landing-page .rellax-text-container .h1-seo {
        font-size: 6.9em;
    }
}
@media screen and (max-width: 991px) {
    .presentation-page .h3-description,
    .presentation-page .landing-page .h3-description {
        top: 53%;
    }
}
@media (max-width: 1200px) and (min-width: 991px) {
    .presentation-page .rellax-text-container,
    .landing-page .rellax-text-container {
        max-width: 900px;
        top: 27%;
    }
    .landing-page .rellax-text-container {
        top: 23%;
    }
    .landing-page .rellax-text-container .h1-seo {
        font-size: 9em;
    }
}
.presentation-page .rellax-text-container,
.landing-page .rellax-text-container {
    max-width: 1003px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 24%;
}

.presentation-page .rellax-text-container .h1-seo,
.landing-page .rellax-text-container .h1-seo {
    font-size: 16.8em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    z-index: 1;
    letter-spacing: -10px;
    text-align: center;
    background: #ffedea;
    background: -moz-linear-gradient(top, #FFFFFF 35%, #c38775 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 35%, #c38775 100%);
    background: linear-gradient(to bottom, #FFFFFF 35%, #c38775 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.presentation-page .rellax-text-container .pro,
.landing-page .rellax-text-container .pro {
    position: absolute;
    font-size: 20px;
    background: #132026;
    padding: 6px 10px;
    border-radius: 4px;
    top: 41px;
    font-weight: 600;
    margin-top: 10px;
    right: -78px;
}

.presentation-page .n-logo,
.landing-page .n-logo {
    max-width: 100px;
    margin-bottom: 40px;
}



.presentation-page .h3-description,
.landing-page .h3-description {
    z-index: 3;
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.71);
}

.presentation-page .category-absolute,
.landing-page .category-absolute {
    z-index: 3;
}

.presentation-page .rellax-header,
.landing-page .rellax-header {
    position: absolute;
    height: 100%;
    width: 100%;
}

.presentation-page .rellax-header-sky,
.landing-page .rellax-header-sky {
    z-index: 0;
    height: 50%;
}

.presentation-page .rellax-header-buildings,
.landing-page .rellax-header-buildings {
    z-index: 2;
}

.presentation-page [data-background-color="dark-red"],
.landing-page [data-background-color="dark-red"] {
    background: #220c08;
}



.landing-page .rellax-text-container {
    top: 22%;
}

.landing-page .rellax-text-container .h1-seo {
    letter-spacing: -3px;
    font-size: 10.3em;
}
@media screen and (max-width: 576px) {
    .landing-page .typography-line span {
        margin-left: 0;
    }
   
    .presentation-page .rellax-text-container .h1-seo,
    .presentation-page .landing-page .h1-seo {
        background: -moz-linear-gradient(top, #FFFFFF 64%, #c38775 100%);
        background: -webkit-linear-gradient(top, #FFFFFF 64%, #c38775 100%);
        background: linear-gradient(to bottom, #FFFFFF 64%, #c38775 100%);
        -webkit-background-clip: text;
        font-size: 8.4em;
    }
    .presentation-page .rellax-text-container,
    .landing-page .rellax-text-container {
        top: 21%;
        max-width: 360px;
    }
    .landing-page .rellax-text-container {
        top: 25%;
    }
    .landing-page .rellax-text-container .h1-seo {
        font-size: 3.8em;
    }
}
@media screen and (max-width: 768px) and (min-width: 576px) {
    .presentation-page .rellax-text-container,
    .landing-page .rellax-text-container {
        max-width: 565px;
        top: 33%;
    }
    .landing-page .rellax-text-container {
        top: 26%;
    }
    
    .landing-page .rellax-text-container .h1-seo {
        font-size: 5.6em;
    }
    
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .presentation-page .rellax-text-container,
    .landing-page .rellax-text-container {
        max-width: 730px;
        top: 32%;
    }
    .landing-page .rellax-text-container {
        top: 24%;
    }
    .landing-page .rellax-text-container .h1-seo {
        font-size: 6.9em;
    }
}
#code {
    background-color: #eee;
    border-radius: 3px;
    font-family: courier, monospace;
    padding: 0 3px;
}