body {
	/*
	width: 100%;
    height: 100%;
    background-image: url("../img/foto_lagoa.jpg");
    background-repeat: no-repeat;
    background-size: cover; */
    background: url("../img/foto_lagoa.jpg") no-repeat center center fixed;
    background-size: cover; /*Css padrão*/
	-webkit-background-size: cover; /*Css safari e chrome*/
	-moz-background-size: cover; /*Css firefox*/
	-ms-background-size: cover; /*Css IE não use mer#^@%#*/
	-o-background-size: cover; /*Css Opera*/
}

/* Esse código gigante é o hack pra resolver o bug */
body + object {display: none;}
/* já acabou o código pra resolver o raio do bug! */

div {
	width: 35%;
	height: auto;
	margin: 75px auto;
	text-align: center;
}

img {
	width: 100%;
	height: auto;
}

a {
	text-decoration: none;
	color: #fff;
	margin: 5px;
}

i {
	text-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}

@media only screen and (max-width: 1024px) {
div {
    width: 50%;
    height: auto;
    margin: 50px auto;
}
}

@media only screen and (max-width: 768px) {
div {
    width: 80%;
    height: auto;
    margin: 95px auto;
}
}