body {
    text-align: left;
    font-family: 'Armata', Arial, sans-serif;
    color: #5d5d5d;
    font-weight: 400;
}

/***** header *****/
/*********************/
header {
  background: url(images/backgrounds/1.jpg) no-repeat 50%;
  background-size: cover;
  min-height: 100vh;
}
.coming-soon {
  text-align: center;
  color: #fff;
  border-bottom: 3px solid #34495e;
  display: flex;
  justify-content: center;
  align-items: center;
}
.coming-soon h2{
  margin-top: 50px;
  font-size: 25px;
  font-weight: 700;
  text-shadow: 0 1px 7px rgba(0,0,0,.2);
}

/***** newsletter *****/
/*********************/

.newsletter {
    margin: 60px 0 40px 0;
    text-align: center;
}

.newsletter h3 {
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    text-shadow: 1px 2px 1px #fff;
}

.newsletter p {
    font-size: 15px;
    font-weight: 400;
    line-height: 36px;
}


#wuf-adv {
  display:none!important;
}

/**
 * Media Queries
 **/
@media screen and (min-width: 320px) {
  .page::before {
    content: "320px";
    font-family: Arial, sans-serif;
    color: green;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    margin: 5px;
    font-size: 2rem;
    z-index: 9999;
  }
  
}

@media screen and (min-width: 480px) {
  .page::before {
    content: "480px";
    color: maroon;
  }
}

@media screen and (min-width: 620px) {
  .page::before {
    content: "620px";
    color: orange;
  }
}

@media screen and (min-width: 810px) {
  .page::before {
    content: "810px";
    color: black;
  }
}

@media screen and (min-width: 1400px) {
  .page::before {
    content: "1400px";
    color: red;
  }
}