@font-face {
  font-family: frontage;
  src: url(assets/Frontage-Regular.otf);
}

@font-face {
  font-family: futura;
  src: url(assets/futura-bt.ttf);
}

@font-face {
  font-family: great;
  src: url(assets/GreatVibes-Regular.ttf);
}

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

* html {
	height: 100%;
}

p {
	margin: 0;
}

a{
	text-decoration:none;
	color:#333333;
}

.flex-centralizado {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-o-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	margin: 0 auto;
}

.flex-centralizado2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    justify-content: center;
    -webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	margin: 0 auto;
}

.doit{
	width:25px;
	height:21px;
	background:transparent;
	cursor:pointer;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#boxmenu{
	width:0%;
	right:0px;
	top:0px;
	height:100%;
	position:absolute;
	background:#000000;
	z-index:999;
	-webkit-transition:all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

.botao{
	padding: 12px 10px 11px 10px;
	border: 1px solid #262221;
	background:#262221;
	font-family: frontage;
	font-size: 12px;
	color: #ffffff;
	cursor: pointer;
	line-height:12px;
	border-radius: 0px;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-moz-transition: all 0.5s ease; /* Firefox */
	-o-transition: all 0.5s ease; /* IE 9 */
	-ms-transition: all 0.5s ease; /* Opera */
	transition: all 0.5s ease;
}
.botao:hover{
	background: #ffffff;
	color: #262221;
}

.form {
	border: 0px solid #333333;
	padding: 10px 10px;
	color: #CF8E49;
	height:35px;
	line-height:15px;
	background-color: #ffffff;
	font-family: futura;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	outline:none;	
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-radius: 0px;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
} 

.form::-webkit-input-placeholder {
    color: #CF8E49;
}
.form::-moz-placeholder {
    color: #CF8E49;
}
.form:-ms-input-placeholder {
    color: #CF8E49;
}
.form:-moz-placeholder {
    color: #CF8E49;
}

@-webkit-keyframes seta /* Safari and Chrome */ {
    0% {
		transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
    20% {
		transform:translate(0px,10px);
		-webkit-transform:translate(0px,10px);
		-o-transform:translate(0px,10px);
    }
	100% {
        transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
}
@-moz-keyframes seta /* Safari and Chrome */ {
    0% {
		transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
    20% {
		transform:translate(0px,10px);
		-webkit-transform:translate(0px,10px);
		-o-transform:translate(0px,10px);
    }
	100% {
        transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
}
@-o-keyframes seta /* Safari and Chrome */ {
    0% {
		transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
    20% {
		transform:translate(0px,10px);
		-webkit-transform:translate(0px,10px);
		-o-transform:translate(0px,10px);
    }
	100% {
        transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
}
@-ms-keyframes seta /* Safari and Chrome */ {
    0% {
		transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
    20% {
		transform:translate(0px,10px);
		-webkit-transform:translate(0px,10px);
		-o-transform:translate(0px,10px);
    }
	100% {
        transform:translate(0px,-10px);
		-webkit-transform:translate(0px,-10px);
		-o-transform:translate(0px,-10px);
    }
}

@media only screen and (min-width:1280px){
	.desktop{display:block}
	.mobile{display:none}
	#width {
		width: 1000px;
		margin: auto;
		position: relative;
		z-index:10;
	}
	.fonte-titulo {
		font-family: frontage;
		font-weight:bold;
		font-size:25px;
		color:#ffffff;
		line-height:80px;
	}
	.fonte-subtitulo {
		font-family: great;
		font-size:50px;
		color:#CF8E49;
		line-height:50px;
	}
	.fonte-texto {
	    font-family: futura;
		font-size:20px;
		color:#ffffff;
		line-height:30px;
	}
	#menu {
		position: absolute;
		width: 100%;
		height:50px;
		z-index:500;
		background: #000000;
	}
	.menu {
		position: absolute;
		width: 100%;
		height:50px;
		top:15px;
		right:0px;
		z-index:300;
	}
	.logo{
		position:absolute;
		top:15px;
		left:0px;
		z-index:300;
	}
	.logo img{
		height:160px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: frontage;
		font-size:12px;
		color:#ffffff;
		line-height:20px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#CF8E49;
	}
	#banner {
		position: relative;
		width: 100%;
		height: 100%; 
		margin: auto 0;
		padding: 0px;
		z-index:10;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index:1;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-logo{
		position:absolute;
		top:50%;
		left:50%;
		width:350px;
		height:350px;
		margin-left:-175px;
		margin-top:-140px;
		z-index:900;
	}
	#banner .banner-logo img{
		width:350px;
	}
	#banner .banner-up{
		position:absolute;
		top:0%;
		left:50%;
		width:300px;
		height:75px;
		margin-left:-150px;
		margin-top:50px;
		z-index:900;
	}
	#banner .banner-up img{
		width:300px;
	}
	#banner .banner-seta{
		position:absolute;
		bottom:10px;
		left:50%;
		width:50px;
		height:50px;
		margin-left:-25px;
		z-index:900;
		cursor:pointer;
		-webkit-animation: seta 1s linear infinite;
		-moz-animation: seta 1s linear infinite;
		-ms-animation: seta 1s linear infinite;
		-o-animation: seta 1s linear infinite;
		animation: seta 1s linear infinite;
	}
	#banner .banner-seta img{
		width:50px;
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#000000;
		z-index:1;
	}
	.quemsomos-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:50%;
		background:#CF8E49;
	}
	.foto{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
	}
	.foto a div{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.foto a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.foto2{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
	}
	.foto2 .img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#beerhome{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background-image:url('img/beerhome.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index:1;
	}
	.beerhome-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
	#aluguelbarris{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#EDEDED;
		z-index:1;
	}
	.aluguelbarris-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:50%;
		background:#CF8E49;
	}
	#down{
		position: relative;
		width: 100%;
		height: auto;
		padding:50px 0px;
		background:#CF8E49;
		z-index:1;
	}
	#parcerias{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#ffffff;
		z-index:1;
	}
	.parcerias-barra{
		position:absolute;
		height:80px;
		top:-10px;
		left:50%;
		width:500px;
		margin-left:-250px;
		background:#CF8E49;
	}
	.parcerias-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 150px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}
	#produtos{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:1;
	}
	.produtos-barra{
		position:absolute;
		height:80px;
		top:0px;
		right:0px;
		width:50%;
		background:#CF8E49;
		z-index:900;
	}
	.produtos-titulo{
		position:absolute;
		height:80px;
		top:0px;
		right:0px;
		width:100%;
		z-index:900;
	}
	.foto2 .fundo2{
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		z-index:300;
	}
	.produtos-left{
		position:absolute;
		height:50px;
		top:50%;
		margin-top:-25px;
		left:10px;
		width:50px;
		z-index:1000;
		cursor:pointer;
	}
	.produtos-right{
		position:absolute;
		height:50px;
		top:50%;
		margin-top:-25px;
		right:10px;
		width:50px;
		z-index:1000;
		cursor:pointer;
	}
	#fabrica{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#000000;
		z-index:1;
	}
	.fabrica-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
}@media only screen and (max-width:1279px){
	.desktop{display:block}
	.mobile{display:none}
	#width {
		width: 800px;
		margin: auto;
		position: relative;
	}
	.fonte-titulo {
		font-family: frontage;
		font-weight:bold;
		font-size:20px;
		color:#ffffff;
		line-height:80px;
	}
	.fonte-subtitulo {
		font-family: great;
		font-size:40px;
		color:#CF8E49;
		line-height:40px;
	}
	.fonte-texto {
	    font-family: futura;
		font-size:15px;
		color:#ffffff;
		line-height:25px;
	}
	#menu {
		position: absolute;
		width: 100%;
		height:50px;
		z-index:500;
		background: #000000;
	}
	.menu {
		position: absolute;
		width: 100%;
		height:50px;
		top:15px;
		right:0px;
		z-index:300;
	}
	.logo{
		position:absolute;
		top:15px;
		left:0px;
		z-index:300;
	}
	.logo img{
		height:120px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: frontage;
		font-size:11px;
		color:#ffffff;
		line-height:20px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#CF8E49;
	}
	#banner {
		position: relative;
		width: 100%;
		height: 100%; 
		margin: auto 0;
		padding: 0px;
		z-index:10;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index:1;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-logo{
		position:absolute;
		top:50%;
		left:50%;
		width:300px;
		height:300px;
		margin-left:-150px;
		margin-top:-115px;
		z-index:900;
	}
	#banner .banner-logo img{
		width:300px;
	}
	#banner .banner-up{
		position:absolute;
		top:0%;
		left:50%;
		width:300px;
		height:75px;
		margin-left:-150px;
		margin-top:50px;
		z-index:900;
	}
	#banner .banner-up img{
		width:300px;
	}
	#banner .banner-seta{
		position:absolute;
		bottom:10px;
		left:50%;
		width:50px;
		height:50px;
		margin-left:-25px;
		z-index:900;
		cursor:pointer;
		-webkit-animation: seta 1s linear infinite;
		-moz-animation: seta 1s linear infinite;
		-ms-animation: seta 1s linear infinite;
		-o-animation: seta 1s linear infinite;
		animation: seta 1s linear infinite;
	}
	#banner .banner-seta img{
		width:50px;
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#000000;
		z-index:1;
	}
	.quemsomos-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:50%;
		background:#CF8E49;
	}
	.foto{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
	}
	.foto a div{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.foto a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.foto2{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
	}
	.foto2 .img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#beerhome{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background-image:url('img/beerhome.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index:1;
	}
	.beerhome-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
	#aluguelbarris{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#EDEDED;
		z-index:1;
	}
	.aluguelbarris-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:50%;
		background:#CF8E49;
	}
	#down{
		position: relative;
		width: 100%;
		height: auto;
		padding:50px 0px;
		background:#CF8E49;
		z-index:1;
	}
	#parcerias{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#ffffff;
		z-index:1;
	}
	.parcerias-barra{
		position:absolute;
		height:80px;
		top:-10px;
		left:50%;
		width:500px;
		margin-left:-250px;
		background:#CF8E49;
	}
	.parcerias-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 150px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}
	#produtos{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:1;
	}
	.produtos-barra{
		position:absolute;
		height:80px;
		top:0px;
		right:0px;
		width:50%;
		background:#CF8E49;
		z-index:900;
	}
	.produtos-titulo{
		position:absolute;
		height:80px;
		top:0px;
		right:0px;
		width:100%;
		z-index:900;
	}
	.foto2 .fundo2{
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		z-index:300;
	}
	.produtos-left{
		position:absolute;
		height:50px;
		top:50%;
		margin-top:-25px;
		left:10px;
		width:50px;
		z-index:1000;
		cursor:pointer;
	}
	.produtos-right{
		position:absolute;
		height:50px;
		top:50%;
		margin-top:-25px;
		right:10px;
		width:50px;
		z-index:1000;
		cursor:pointer;
	}
	#fabrica{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#000000;
		z-index:1;
	}
	.fabrica-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
}@media only screen and (max-width:1023px) and (orientation:portrait){
	.desktop{display:none}
	.mobile{display:block}
	#width {
		width: 90%;
		margin: auto;
		position: relative;
	}
	.fonte-titulo {
		font-family: frontage;
		font-weight:bold;
		font-size:20px;
		color:#ffffff;
		line-height:80px;
	}
	.fonte-subtitulo {
		font-family: great;
		font-size:40px;
		color:#CF8E49;
		line-height:40px;
	}
	.fonte-texto {
	    font-family: futura;
		font-size:15px;
		color:#ffffff;
		line-height:25px;
	}
	#menu {
		position: absolute;
		width: 100%;
		height:50px;
		z-index:500;
		background: #000000;
	}
	.menu {
		position: absolute;
		width: 100%;
		height:50px;
		top:15px;
		right:0px;
		z-index:300;
	}
	.logo{
		position:absolute;
		top:15px;
		left:0px;
		z-index:300;
	}
	.logo img{
		height:120px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: frontage;
		font-size:12px;
		color:#ffffff;
		line-height:30px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#CF8E49;
	}
	#banner {
		position: relative;
		width: 100%;
		height: 100%; 
		margin: auto 0;
		padding: 0px;
		z-index:10;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index:1;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-logo{
		position:absolute;
		top:50%;
		left:50%;
		width:300px;
		height:300px;
		margin-left:-150px;
		margin-top:-115px;
		z-index:900;
	}
	#banner .banner-logo img{
		width:300px;
	}
	#banner .banner-up{
		position:absolute;
		top:0%;
		left:50%;
		width:300px;
		height:75px;
		margin-left:-150px;
		margin-top:50px;
		z-index:900;
	}
	#banner .banner-up img{
		width:300px;
	}
	#banner .banner-seta{
		position:absolute;
		bottom:10px;
		left:50%;
		width:50px;
		height:50px;
		margin-left:-25px;
		z-index:900;
		cursor:pointer;
		-webkit-animation: seta 1s linear infinite;
		-moz-animation: seta 1s linear infinite;
		-ms-animation: seta 1s linear infinite;
		-o-animation: seta 1s linear infinite;
		animation: seta 1s linear infinite;
	}
	#banner .banner-seta img{
		width:50px;
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#000000;
		z-index:1;
	}
	.quemsomos-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
	.foto{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
	}
	.foto a div{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.foto a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.foto2{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
	}
	.foto2 .img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#beerhome{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background-image:url('img/beerhome.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index:1;
	}
	.beerhome-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
	#aluguelbarris{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#EDEDED;
		z-index:1;
	}
	.aluguelbarris-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
	#down{
		position: relative;
		width: 100%;
		height: auto;
		padding:50px 0px;
		background:#CF8E49;
		z-index:1;
	}
	#parcerias{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#ffffff;
		z-index:1;
	}
	.parcerias-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0%;
		width:100%;
		margin-left:0px;
		background:#CF8E49;
	}
	.parcerias-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 150px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}
	#produtos{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:1;
	}
	.produtos-barra{
		position:absolute;
		height:80px;
		top:0px;
		right:0px;
		width:50%;
		background:#CF8E49;
		z-index:900;
	}
	.produtos-titulo{
		position:absolute;
		height:80px;
		top:0px;
		right:0px;
		width:100%;
		z-index:900;
	}
	.foto2 .fundo2{
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		z-index:300;
	}
	.produtos-left{
		position:absolute;
		height:50px;
		top:50%;
		margin-top:-25px;
		left:10px;
		width:50px;
		z-index:1000;
		cursor:pointer;
	}
	.produtos-right{
		position:absolute;
		height:50px;
		top:50%;
		margin-top:-25px;
		right:10px;
		width:50px;
		z-index:1000;
		cursor:pointer;
	}
	#fabrica{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#000000;
		z-index:1;
	}
	.fabrica-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
}@media only screen and (max-width:1023px) and (orientation:landscape){
	.desktop{display:none}
	.mobile{display:block}
	#width {
		width: 90%;
		margin: auto;
		position: relative;
	}

}@media only screen and (max-width:600px) and (orientation:portrait){
	.desktop{display:none}
	.mobile{display:block}
	#width {
		width: 90%;
		margin: auto;
		position: relative;
	}
	.fonte-titulo {
		font-family: frontage;
		font-weight:bold;
		font-size:20px;
		color:#ffffff;
		line-height:80px;
	}
	.fonte-subtitulo {
		font-family: great;
		font-size:40px;
		color:#CF8E49;
		line-height:40px;
	}
	.fonte-texto {
	    font-family: futura;
		font-size:15px;
		color:#ffffff;
		line-height:25px;
	}
	#menu {
		position: absolute;
		width: 100%;
		height:50px;
		z-index:500;
		background: #000000;
	}
	.menu {
		position: absolute;
		width: 100%;
		height:50px;
		top:15px;
		right:0px;
		z-index:900;
	}
	.logo{
		position:absolute;
		top:15px;
		left:0px;
		z-index:900;
	}
	.logo img{
		height:120px;
	}
	.opcao{
		position: absolute;
		width: 50px;
		height: 50px; 
		right:0px;
		top:0px;
		z-index:999;
	}
	.submenu{
		position:relative;
		font-family: frontage;
		font-size:12px;
		color:#ffffff;
		line-height:30px;
		padding:0px;
		cursor:pointer;
		-webkit-transition: all 0.5s ease; /* Safari and Chrome */
		-moz-transition: all 0.5s ease; /* Firefox */
		-o-transition: all 0.5s ease; /* IE 9 */
		-ms-transition: all 0.5s ease; /* Opera */
		transition: all 0.5s ease;
	}
	.submenu:hover{
		color:#CF8E49;
	}
	#banner {
		position: relative;
		width: 100%;
		height: 100%; 
		margin: auto 0;
		padding: 0px;
		z-index:10;
	}
	#banner .banner-box{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		z-index:1;
	}
	#banner .banner-box .banner-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#banner .banner-logo{
		position:absolute;
		top:50%;
		left:50%;
		width:300px;
		height:300px;
		margin-left:-150px;
		margin-top:-115px;
		z-index:900;
	}
	#banner .banner-logo img{
		width:300px;
	}
	#banner .banner-up{
		position:absolute;
		top:0%;
		left:50%;
		width:300px;
		height:75px;
		margin-left:-150px;
		margin-top:50px;
		z-index:300;
	}
	#banner .banner-up img{
		width:300px;
	}
	#banner .banner-seta{
		position:absolute;
		bottom:10px;
		left:50%;
		width:50px;
		height:50px;
		margin-left:-25px;
		z-index:900;
		cursor:pointer;
		-webkit-animation: seta 1s linear infinite;
		-moz-animation: seta 1s linear infinite;
		-ms-animation: seta 1s linear infinite;
		-o-animation: seta 1s linear infinite;
		animation: seta 1s linear infinite;
	}
	#banner .banner-seta img{
		width:50px;
	}
	#quemsomos{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#000000;
		z-index:1;
	}
	.quemsomos-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
	.foto{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
	}
	.foto a div{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.foto a:hover div{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-o-transform:scale(1.2);
	}
	.foto2{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
	}
	.foto2 .img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 300px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		transform:scale(1.0);
		-ms-transform:scale(1.0);
		-moz-transform:scale(1.0);
		-webkit-transform:scale(1.0);
		-o-transform:scale(1.0);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#beerhome{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background-image:url('img/beerhome.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index:1;
	}
	.beerhome-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
	#aluguelbarris{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#EDEDED;
		z-index:1;
	}
	.aluguelbarris-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
	#down{
		position: relative;
		width: 100%;
		height: auto;
		padding:50px 0px;
		background:#CF8E49;
		z-index:1;
	}
	#parcerias{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#ffffff;
		z-index:1;
	}
	.parcerias-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0%;
		width:100%;
		margin-left:0px;
		background:#CF8E49;
	}
	.parcerias-img{
		position: relative;
		top:0px;
		left:0px;
		width: 100%;
		height: 150px;
		overflow:hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}
	#produtos{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		z-index:1;
	}
	.produtos-barra{
		position:absolute;
		height:80px;
		top:0px;
		right:0px;
		width:100%;
		background:#CF8E49;
		z-index:900;
	}
	.produtos-titulo{
		position:absolute;
		height:80px;
		top:0px;
		right:0px;
		width:100%;
		z-index:900;
	}
	.foto2 .fundo2{
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		z-index:300;
	}
	.produtos-left{
		position:absolute;
		height:50px;
		top:50%;
		margin-top:-25px;
		left:10px;
		width:50px;
		z-index:1000;
		cursor:pointer;
	}
	.produtos-right{
		position:absolute;
		height:50px;
		top:50%;
		margin-top:-25px;
		right:10px;
		width:50px;
		z-index:1000;
		cursor:pointer;
	}
	#fabrica{
		position: relative;
		width: 100%;
		height: auto;
		padding:0px;
		background:#000000;
		z-index:1;
	}
	.fabrica-barra{
		position:absolute;
		height:80px;
		top:0px;
		left:0px;
		width:100%;
		background:#CF8E49;
	}
}