@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300);
body, html {
  background: url("../../images/bg1.png");
  font-family: 'Helvetica Neue','Helvetica',Arial,sans-serif;
}

h1 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .5px;
  font-size: 18px;
  color: #fe0103;
  margin: 0;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.46);
}

h2 {
  color: #415355;
  text-transform: uppercase;
  background: #eee;
}

nav {
  background: #000;
  padding: 10px 0 10px 0;
  visibility: hidden;
}

p {
  color: #2e0607;
}

a, a:visited {
  text-decoration: none;
  color: #2e0607;
}

a:hover {
  text-decoration: none;
  color: #fe0103;
}

#main {
  padding: 30px;
  width: 400px;
  margin: 30px auto 0 auto;
  background: #fff;
  -moz-box-shadow: 0px 0px 5px 1px #000;
  -webkit-box-shadow: 0px 0px 5px 1px #000;
  box-shadow: 0px 0px 5px 1px #000;
}
@media (max-width: 767px) {
  #main {
    padding: 5px;
    width: 332px;
    margin-top: 5px;
  }
}

.title {
  color: #fe0103;
}