@charset "utf-8";
/* CSS Document */

body {
	background-image:url(back.jpg);
  margin: 0 auto;
   /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

}

img {
	width:40%;
}


.meio {
  margin: 0 auto;
  margin-top:10%;
  width:60%;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  color:#FFF;
  font-size:18px;
}

a {
	font-family: 'Roboto', sans-serif;
  color:#FFF;

}

@media only screen and (max-width: 1200px) {
  .meio {
  margin: 0 auto;
  margin-top:15%;
  width:80%;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  color:#FFF;
  font-size:18px;
}
  }

@media only screen and (max-width: 900px) {
  .meio {
  margin: 0 auto;
  margin-top:20%;
  width:100%;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  color:#FFF;
  font-size:18px;
}
  }

@media only screen and (max-width: 600px) {
  .meio {
  margin: 0 auto;
  margin-top:30%;
  width:100%;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  color:#FFF;
  font-size:18px;
}
  }
@media only screen and (max-width: 480px) {
  .meio {
  margin: 0 auto;
  margin-top:50%;
  width:100%;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  color:#FFF;
  font-size:18px;
}
img {
	width:80%;
}

  }