.index-page .page-header {
  background: #0A0000; }

.index-page .mopa-header-sky {
  z-index: 0;
  height: 50%; }

.index-page .mopa-header {
  position: absolute;
  height: 100%;
  width: 100%; }

.index-page .mopa-text-container {
  max-width: 1003px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 24%; }

.index-page .mopa-text-container {
  top: 22%; }

.index-page .mopa-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, rgba(255, 255, 255, 0.8) 35%, #c38775 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.index-page .mopa-text-container .h1-seo {
  letter-spacing: -3px;
  font-size: 10.3em; }

.index-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); }

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




@media (max-width: 1200px) and (min-width: 991px) {

  .presentation-page .mopa-text-container, .index-page .mopa-text-container {
    max-width: 900px;
    top: 27%; }

  .index-page .mopa-text-container {
    top: 23%; }

  .index-page .mopa-text-container .h1-seo {
    font-size: 9em; } }

@media screen and (max-width: 576px) {

  .presentation-page .mopa-text-container, .index-page .mopa-text-container {
    top: 21%;
    max-width: 360px; }

  .index-page .mopa-text-container {
    top: 25%; }

  .index-page .mopa-text-container .h1-seo {
    font-size: 3.8em; } }

@media screen and (max-width: 991px) and (min-width: 768px) {
  .presentation-page .mopa-text-container, .index-page .mopa-text-container {
    max-width: 730px;
    top: 32%; }

  .index-page .mopa-text-container {
    top: 24%; }

  .index-page .mopa-text-container .h1-seo {
    font-size: 6.9em; } }

@media screen and (max-width: 768px) and (min-width: 576px) {
  .presentation-page .mopa-text-container, .index-page .mopa-text-container {
    max-width: 565px;
    top: 33%; }

  .index-page .mopa-text-container {
    top: 26%; }

  .index-page .mopa-text-container .h1-seo {
    font-size: 5.6em; } }