body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body,html {
    height: 100%;
    line-height: 1.8;
   
}
.error {
  color: red;
}

.success {
  color: green;
} 

.main-container{
  padding-top: 30px;
}

.container1{
  height: auto;
}

.signup-box-container {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    background-color: yellow;
    /*border: 1px solid black;*/
}
.signup-container {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}
.signup-left-info-container {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 2% 2% 2% 2%;
  border: none;
  float: left;
  /*border: 1px solid black;*/
}
.loginwithfb-container {
  width: 100%;
  display: block;
  text-align: center;
  padding: 2% 2% 2% 2%;
  background-color: white;
  border: none;
  /*border: 1px solid black;*/
}

.signup-right-info-container {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  background-color: white;
  /*border-radius: 0px 10px 10px 0px;*/
  /*border: 1px solid black;*/
}
.signup-form-container {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 50px 0px 0px 0px;
  border: none;
  display: block;
  text-align: center;
  
  background-color: white;
  /*border: 1px solid black;*/
}
.login-form-container {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 100px 0px 0px 0px;
  border: none;
  display: block;
  text-align: center;
  
  background-color: white;
  /*border: 1px solid black;*/
}
.login-form-container input[type=email], input[type=password] {
    width: 80%;
    padding: 2px 10px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.signup-form-container input[type=text], input[type=password] {
    width: 80%;
    padding: 2px 10px;
    margin: 3px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #f1f1f1;
}
.welcome-left-info-container {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.container-info{
  padding-top: 100px;
  text-align: center;
}

.container-info button{
  background-color: ;
  color:white; 
  border:none; 
  cursor: pointer; 
  width: 60%;
  margin-top: 10px;
  padding: 1% 1% 1% 1%;
}

.footer {
  padding-top: 80px;
  margin-bottom: 0px;
}

.footer a,p {
  color: black;
  padding: 10px;
  background-color: #f1f1f1;
}

.footer_login {
  
  margin-bottom: 0px;
}

.footer_login a,p {
  color: black;
  padding: 10px;
  background-color: #f1f1f1;
}


@font-face {
    font-family: amerika;
    src:url(font.ttf);
}

.maintt {
   font-family: amerika;
}

.footermenu{
    font-family: 'Lato', sans-serif;
}