form  {
    width:  100%;
    margin:  10px auto;
    padding:  10px 20px;
    background:  #f4f7f8;
    border-radius:  8px;
    align-self: center;
}

a{
	color:#fff;
	font-weight:400;
	text-decoration:none;
	font-size:26px;
}

h1  {
    margin:  0 0 30px 0;
    text-align:  center;
    letter-spacing: 0;
}
input[type="text"],  input[type="password"],  input[type="date"],  input[type="datetime"],  input[type="email"],  input[type="number"],  input[type="search"],  input[type="tel"],  input[type="time"],  input[type="url"],  textarea,  select  {
    background:  rgba(255, 255, 255, 0.1);
    border:  none;
    font-size:  16px;
    height:  auto;
    margin:  0;
    outline:  0;
    padding:  15px;
    width:  100%;
    background-color:  #e8eeef;
    color:  #8a97a0;
    box-shadow:  0 1px 0 rgba(0, 0, 0, 0.03) inset;
 
}
input[type="radio"],  input[type="checkbox"]  {
    margin:  0 4px 8px 0;
}
select  {
    padding:  6px;
    height:  32px;
    border-radius:  2px;
}
button  {
    padding:  5px 20px 5px 20px;
    color:  #FFF;
    background-color:  #202020;
    font-size:  18px;
    text-align:  center;
    font-style:  normal;
    border-radius:  5px;
opacity: 50%;
    border:  1px solid #515151;
    border-width:  1px 1px 3px;
    box-shadow:  0 -1px 0 rgba(255, 255, 255, 0.1) inset;
   
}


label  {
    display:  block;
    margin-bottom:  8px;
}
label.light  {
    font-weight:  300;
    display:  inline;
}
.number  {
    background-color:  #5fcf80;
    color:  #fff;
    height:  30px;
    width:  30px;
    display:  inline-block;
    font-size:  0.8em;
    margin-right:  4px;
    line-height:  30px;
    text-align:  center;
    text-shadow:  0 1px 0 rgba(255, 255, 255, 0.2);
    border-radius:  100%;
}
@media screen and (min-width: 480px)  {
    form  {
    max-width:  480px;
    margin: auto;

}
}