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

* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

body {
  -webkit-background-size: cover;
  background-size: cover;
  background-position:center;
 font-family: 'Lato', sans-serif;

  font-size:18px;
  line-height:1.6em;
  font-weight:300;
  text-align:center;
}

a, a:hover, a:visited {
  color:black;
}


p {margin-top:32px;
  color:rgba(0,0,0,0.6);}

.intro_wrapper {
  text-align:center;
  padding:40px;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width:90%;
  max-width:1200px;
  margin:0 auto;
  margin-top:100px;
  
  
}

img.logo {
  width:100px;
  max-width:80%;
}


.form_box {
  width:90%;
  max-width:600px;
  margin:0 auto;
  text-align:center;
}


.button {
  margin:0;
  padding:0;
}


input {
 font-family: 'Lato', sans-serif;

  font-size:18px;
  border:1px solid black;
  padding:10px;
}


input[type="text"] {
  width:300px;
  max-width:65%;
}

input.button {
  background:black;
  color:white;
    padding:10px;
}


footer {
  font-size:14px;
  padding-bottom:20px;
}


.logo_image img {max-width:100%;}

.text_form {
  padding:20px;
}


p.small {
  font-size:14px;
  font-weight:300;
}





@media  (max-width:800px) {

.intro_wrapper {
    position:static;
    height:auto;
    margin:0 auto;
    width:90%;
  
  }
  
  
}


@media  (min-width:1000px) {
  
  
  .logo_image, .text_form {width:49%; float:left;}
    
  .text_form {text-align:left;}
  
}



@media  (max-width:550px) {
  
  .button {width:100%;}
   input[type="text"] {width:100%; max-width:100%; text-align:center;}  

  
  
}