/**
 * Landing.js v0.1.0
 * https://github.com/vah7id/landing.js
 * MIT licensed
 *
 * Copyright (C) 2014 Vahid Taghizadeh (@vah7id)
 */

body{
  /*background: #a40000 url('../images/antelope.png') repeat;*/
  background: #000;
  color: #fff;
  font-family: 'Arvo', serif;
  line-height: 30px;
  margin: 0;
  text-align: center;
}

#blur{
  position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%;
  /*-webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);*/
}

#countdown{
  display: inline-block;
  margin-top: 30px;
  position: relative;
}

#countdown b{
  font-size: 40px;
}

#countdown p{
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}

form{
  background: #fff;
  height: 25px;
  margin: 0 auto;
  padding: 10px 10px 13px 5px;
  position: relative;
  text-align: center;
  width: 60%;
}

input[type="text"]{
  border:none;
  display: inline-block;
  float: left;
  font-family: 'Arvo', serif;
  height: 25px;
  outline: 0;
  padding: 2px 15px 5px 15px;
  width: 60%;
}

input[type="submit"]{
  background: #a40000;
  border: none;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 17px;
  font-weight: bold;
  height: 25px;
  margin-top: -3px;
  outline: 0;
  padding: 8px 15px 26px 15px;
  text-align: center;
  width: 100px;
}

#copyright{
  bottom: 0;
  margin: 0 auto;
  opacity: 0.3;
  overflow: hidden;
  padding-top: 100px;
  position: fixed;
  right: 0;
  text-overflow:ellipsis;
  white-space: nowrap;
  width: 350px;
}

input[type="submit"]:hover{
  opacity: 0.8;
}

h1{
  font-size: 48px;
  line-height: 45px;
}
h4{
  font-size: 23px;
  font-weight: normal;
  margin-bottom: 80px;
  margin-top: -25px;
}
#brief{
  line-height: 22px;
  margin: 0 auto;
  opacity: 0.8;
  padding-top: 20px;
  text-align: left;
  text-shadow:0px 1px 2px #000;
  width: 65%;
}
#container{
  margin: 0 auto;
  max-width: 900px;
  padding-top: 20px;
  position: relative;
  width: 100%;
}

@media (min-width: 400px) and (max-width: 768px) {
  form,#brief{
    width: 90% ;
  }
}

@media (min-width: 0) and (max-width: 400px) {
  form,#brief{
    width: 90% ;
  }
  input[type="text"]{
    width: 45%;
  }

  #copyright{
    padding-top: 100px;
  }
}