*{

    margin: 0;

    padding: 0

}

body,
.wrapper{

    background: #262626

}

.header{

    padding: 55px 0px

}

.menu{

    float: right

}

.menu li{

    display: inline-block

}

.menu ul li a{

    font-size: 21px;

    font-weight: 600;

    color: #fff;

    text-decoration: none;

    padding: 0px 20px;

    font-family: 'Raleway', sans-serif;

}

.menu ul li a:hover{

    color: #12c2a7

}

.coming {

    text-align: center;

    padding-top: 20px;

}

.coming h2{

    color: #d1ae43;

    font-size: 5rem;

    font-weight: bolder;

    font-family: 'Raleway', sans-serif;

}

.coming p{

    color: #ffffff;

    font-size: 3.5rem;

    padding-top: 0px;

    font-weight: 400;

    font-family: 'Raleway', sans-serif;

}

.countdown .back-text h4{

    color: red;

    background: red

}

#countdown{

    margin-top: 0px

}

.email{

    text-align: center;

    padding-top: 0px

}

.email p {

  color: #ffffff;

  font-family: "Raleway",sans-serif;

  font-size: 3.5rem;

  margin: 20px 0 50px;

  font-weight: 600;

}

.email input[type="email"] {

    background: #323131;

    text-transform: uppercase;

    border: none;

    color: #8f8686;

    width: 390px;

    padding: 15px;

    font-size: 2.5rem

}

.email input[type="button"] {

  background: #d1ae43 none repeat scroll 0 0;

  border: medium none;

  color: #fff;

  font-size: 2.5rem;
  
  margin-top: 1rem;

  margin-left: -4px;

  padding: 15px;

  cursor: pointer;

}

.email input[placeholder] {

  color: #8f8686;

  font-size: 2.5rem;

  font-weight: 400;

}

.social-icon{

    margin-top: 160px;

}

.icon {

    width: 165px;

    margin: 0px auto;

}

.icon i{

    color: #fff;

    padding: 10px;

    font-size: 20px

}

.countDays{

    position: relative;

}

.countDays::after{

    position: absolute;

    content: 'días';

    color: #ffffff;

    top: 0px;

    left: 10px;

    font-size: 2rem;

    letter-spacing: 1px;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

}

.countHours{

    position: relative;

}

.countHours::after{

    position: absolute;

    content: 'horas';

    color: #ffffff;

    top: 0px;

    left: 2px;

    font-size: 20px;

    letter-spacing: 1px;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

}

.countMinutes{

    position: relative;

}

.countMinutes::after{

    position: absolute;

    content: 'minutos';

    color: #ffffff;

    top: 0px;

    left: -10px;

    font-size: 20px;

    letter-spacing: 1px;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

}

.countSeconds{

    position: relative;

}

.countSeconds::after{

    position: absolute;

    content: 'segundos';

    color: #ffffff;

    top: 0px;

    left: -10px;

    font-size: 20px;

    letter-spacing: 1px;

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

}

.logo{
    max-width: 300px;
}