body{
  margin:0px;
  padding:0px;
  color:black;
  height:100%;
  background-color:#f8f8f8;
}
.container{
  width:100% !important;
  margin:0px !important;
  padding:0px !important;
  float:left;
}
.row{
  width:100% !important;
  margin: 0px !important;
  padding:0px !important;
}
#header{
  background-color:white;
  margin:0px;
  padding:0px;
  width:100%;
  height:60px;
}
.headerText{
  color:gray; 
  margin-right:30px;
  font-size:15px;
}
.navbar-nav{
  width:100%;
}
.navbar-form.navbar-right{
  float:right;
  height:100%;
  width:100%;
  margin:5px;
  padding:0px;
}
.navbar-nav li:hover{
  background-color:darkgray;
}
button{
  float:right;
  width:100%;
  height:60px;
  border-radius:0px;
  background-color:#1F497D;
  color:white !important;
  font-size:35px !important;
}
/* ^^^^ BASICS NEEDED TO GET DIVS TO STRETCH TO WHOLE PAGE, STACK UP EVENLY, NAVBAR, MISC...*/

#outer{
  border: 1px solid #1F497D;
  box-shadow: 0	1px 6px black;
  padding:20px;
  width:100%;
  float:left;
  padding-right:20px;
  background-color:white;
}
.inner{
  padding-bottom:20px;
}
.text{
  display:inline-block;
  color:gray;
  padding-left:100px;
  font-size:25px;
}
.form{
  padding-left:10px !important;
  display:inline-block !important;
  width:60% !important;
  float:right !important;
  padding-top:15px !important;
  padding-right:30px !important;
}

#emailTxt{
  font-size:25px;
  border-top:white;
  border-right:white;
  border-left:white;
  border-bottom:gray solid 1px !important;
  box-shadow: 0	3px 0px #f8f8f8 !important;
  width: 100%; 
}
#passwordTxt{
  font-size:25px;
  border-top:white;
  border-right:white;
  border-left:white;
  border-bottom:gray solid 1px !important;
  box-shadow: 0	3px 0px #f8f8f8 !important;
  width: 100%; 
}

#questionText{
  display:inline-block;
  color: #1F497D;
  padding-left:10px;
  font-size:20px;
  padding-top:10px;
}
#signIn{
  width:20%;
  color:white !important;
  font-size:25px !important;
}