/* ==========================================================================
   Normatização CSS
   ========================================================================== */

*{
  margin: 0;
  padding: 0;
}
   
html { 
     background: url(../_img/fundo.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*/
}

body {
    font-size: 62.5%;
    line-height: 1.5;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #444;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.corfundo {
	width: 100%; /* 264px / 1128px */
	height: 100%;
    position: absolute;
    top: 0px;
    background: rgba(255,255,255,0.3);
}

.corfundo h1 {
	margin-top: 8%;
	text-align: center;
	line-height: 2.5;
	font-size: 70px;
	font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em
}

.corfundo h2 {
	text-align: center;
	font-size: 50px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: black 0.1em 0.1em 0.2em
}

/* ==========================================================================
   Media Queries
   ========================================================================== */


@media screen and (max-width: 1128px) {
	.corfundo h1 {
		font-size: 50px;
	}

	.corfundo h2 {
		font-size: 35px;
	}
}

@media screen and (max-width: 1024px) {
	.corfundo h1 {
		font-size: 50px;
	}

	.corfundo h2 {
		font-size: 30px;
	}
}

@media screen and (max-width: 940px) {
	.corfundo h1 {
		font-size: 45px;
	}

	.corfundo h2 {
		font-size: 28px;
	}
}

@media screen and (max-width: 840px) {
	.corfundo h1 {
		font-size: 40px;
	}

	.corfundo h2 {
		font-size: 25px;
	}
}



@media screen and (max-width: 718px) {
	.corfundo h1 {
		font-size: 35px;
	}

	.corfundo h2 {
		font-size: 22px;
	}
}

@media screen and (max-width: 680px) {
	.corfundo h1 {
		font-size: 35px;
	}

	.corfundo h2 {
		font-size: 22px;
	}
}

@media screen and (max-width: 640px) {
	.corfundo h1 {
		font-size: 30px;
	}

	.corfundo h2 {
		font-size: 18px;
	}
}

@media screen and (max-width: 520px) {
	.corfundo h1 {
		font-size: 25px;
	}

	.corfundo h2 {
		font-size: 15px;
	}
}

@media screen and (max-width: 480px) {
	.corfundo h1 {
		font-size: 20px;
	}

	.corfundo h2 {
		font-size: 10px;
	}
}

@media screen and (max-width: 320px) {
	.corfundo h1 {
		font-size: 15px;
	}

	.corfundo h2 {
		font-size: 8px;
	}
}

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}