html, body {margin: 0; height: 100%}

body {overflow: hidden;}
#index { width: 100%; display: block; position: fixed;}

.fbbutton {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius:4px;
display: block;
margin: auto;
margin-top: 4%;
width: 18%;
}

.fbbutton img {width: 100%;}

form {
display: block;
margin: auto;
margin-top: 19%;
width: 25%;
padding-right: 2%;
}

.container {width: 100%; height: 100%;
background: url('images/index.jpg') no-repeat;
background-size: 100%;
position:fixed;

}

.fbbutton:hover {
opacity:0.7;
}

input[type=text],
input[type=email]
 {
border: 1px solid #444;
margin: 0;
line-height: 20px;
width: 93%;
outline: none;
background: #111111;
color: #6D6C6C;
font-size: 14px;
padding-left: 5%;
font-weight: bold;
height: 35px;
margin-top: 2px;
margin-bottom: 5%;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #6D6C6C;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #6D6C6C;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #6D6C6C;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #6D6C6C;
}


input[type=submit]
 {
 cursor:pointer;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
background: url('images/submit.png') no-repeat;
border: none;
width: 117px;
height: 38px;
text-indent: -999px;
float: right;
margin-right: 2%;
}


input[type=submit]:hover {
-webkit-filter: hue-rotate(250deg);
}