/* CSS Document */

@media all and (min-width: 1400px){
	header{height:800px;}
	header .navbar-header{width: 23%;}
	header .navbar-default .navbar-nav{margin-top: 32px;}
	header .navbar-default .navbar-nav>li>a{font-size:32px;}
	header .iten1 {width: 60%;}
	header .iten3 {width: 26%; right: 8%; bottom: 17px;}
	header .iten2 {width: 22%; right: 8%; top: 18%;}
}

@media all and (max-width: 1200px){
	header .navbar-header {width: 25%;}
	header .iten1 {width: 55%;}
	header .iten3 {width: 22%; right: 13%;bottom: 17px;}

	#conteudo section#receitas .receitas .iten-receita {height: 230px;}
	#conteudo section#receitas .receitas .iten-receita .img-hover .black{font-size: 33px; padding: 25px 10px;}

	footer img{width: 100%;}
	footer .menu-footer li a{margin-left: 5px; padding: 5px;}
	footer .menu-footer li a:before{right: -2px}
	footer p{font-size: 12px}
	footer p i{width: 19px;}
	footer p b{font-size: 14px;}

	.header-page{height: 235px;}
	header .navbar-header img{width: 70%}
	.header-page .boneco-header{left: 16%; width: 11%;}
	.header-page .brandscump{margin-top: 65px;}
}


@media all and (max-width: 992px){
	header{height: 420px}
	header .navbar-header{width: 22%;}
	header .navbar-default .navbar-nav>li>a{font-size: 26px; margin-right: 6px; margin-left: 6px; padding: 8px;}
	header .iten1{width: 53%;}

	#conteudo{padding-bottom: 361px;}
	#conteudo section#receitas .receitas .iten-receita{height: 230px;}
	#conteudo section#receitas .receitas .iten-receita .img-hover .black{font-size: 43px; padding: 56px 10px; height: 92%;}

	footer{text-align: center; height: 361px}
	footer p{text-align: center;}
	footer img{width: 180px; display: table; margin: 0 auto;}
	footer .menu-footer{margin: 25px auto; padding: 0; display: table;}

	#conteudo section .nav li{margin: 1px}
	#conteudo section .nav li a{padding: 9px; font-size: 10px;}
	.header-page .brandscump{margin-top: 64px;}

	header .navbar-header img{width: 100%;}

	#conteudo section#produto .informacoes h2{font-size: 14px;}
	#conteudo section#produto .informacoes .info-button{padding: 13px 10px;}
	#conteudo section#produto .informacoes .fa-info-circle{right: 10px; top: 8px; font-size: 27px;}

	#conteudo section#receita .header-receita h1{margin-top: 0; margin-bottom:0}
	#conteudo section#receita .infos-receita li{width: 42%; margin-bottom: 15px;}
	#conteudo section#receita .infos-receita li:nth-child(2){border: none}
	#conteudo section#receita .avaliacao{margin-top: 10px;}
	#conteudo section#receita .infos-receita{margin-top: 10px;}
}

@media all and (max-width: 768px){
	header{height: 310px; padding: 0}
	header .navbar .cont-header{position: inherit; padding: 30px}
	header .navbar-header img{width: 160px;}
	header .navbar-header{width: 100%;}
	#conteudo section#receitas.page .receitas .iten-receita p{display: none;}
	.navbar-default .navbar-toggle{
		border: none;
		background: #DF181F;
		margin: 12px;
		border-radius: 0;
	}
	.navbar-default .navbar-toggle .icon-bar{background-color: #FFF; height: 3px;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #FFC901}
	.container>.navbar-collapse{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		border: none;
		background: #D80202;
		overflow: hidden;
		z-index: 50;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin: 0;}
	header .iten1{width: 39%; left: 10%; bottom: 15px;}
	header .iten3{width: 19%; right: 17%; bottom: 15px;}
	header .navbar-default .navbar-nav{margin: 0; float: none;}
	header .navbar-default .navbar-nav>li>a{padding: 10px 0}
	header .navbar-default .navbar-nav>li>a:before {background: none;}
	header .navbar-default .navbar-nav{margin: 30px 2%; position: relative;}
	.close-menu{
		position: absolute;
	    right: 0;
	    font-size: 30px;
	    color: #fff;
	    z-index: 5;
	    cursor: pointer;
	}
	#conteudo section#redes .redes .facebook-box{display: table; margin: 0 auto;}
	#conteudo section#redes .redes .cont {width:100%}
	#conteudo section#redes .redes .cont .mascote{position: inherit;}

	#conteudo section#produtos .produtos{padding: 0 100px;}

	.carousel-indicators{bottom:-20px;}
	#conteudo section#produtos .produtos{min-height: 320px;}

	#conteudo section .title h2{margin: 0}
	.iten-receita a h2{font-family: 'Amatic SC', cursive; color: #fff; text-align: center; margin: 10px 0 0}
	.page .iten-receita a h2{color: #E99E10;}
	#conteudo section#receitas .receitas .iten-receita{height: auto}

	#conteudo section#hover{background: url(../img/bg-fixed.jpg) center;}

	#conteudo section#intro .intro h2, #conteudo section#redes h2{margin: 0 15px 30px;}

	#conteudo section#produtos .itens-produtos{height: 380px;}
	#conteudo section#produtos .produtos .inner{min-height: 350px;}

	.header-page{height: 185px;}
	.header-page .boneco-header{left: 26%; width: 10%;}
	.header-page .brandscump{margin-top: 35px;}
	#conteudo section#produto .informacoes{width: 100%;}

	#conteudo section#receita .infos-receita li {
	    width: auto;
	    margin-bottom: 15px;
	    display: block;
	    line-height: inherit;
	    border: none;
	}
}

@media all and (max-width: 695px){
	#conteudo section#produtos .itens-produtos{height: 310px;}
	#conteudo section#produtos .produtos .inner{min-height: 280px;}
	.header-page .brandscump{display: none;}
}

@media all and (max-width: 635px){
	#conteudo section#produtos .itens-produtos{height: 290px;}
	#conteudo section#produtos .produtos .inner{min-height: 260px;}
}

@media all and (max-width: 615px){
	#conteudo{padding-bottom: 400px;}

	#conteudo section#hover{padding: 70px 0;}
	#conteudo section#hover h2{font-size: 57px; line-height: 55px;}
	#conteudo section#hover h2 span{font-size: 65px;}

	footer{height: 400px;}
	footer .bottom{height: 60px; padding: 10px 0;}
	footer .bottom a{display: block;}
	footer .bottom p, footer .bottom a{line-height: 20px; padding: 0;}

	.header-page .boneco-header{left: 32%; width: 13%;}

	#conteudo section#produto .responsive-produto [class^="col-"]{width: 50%}
}

@media all and (max-width: 580px){
	#conteudo section#produtos .itens-produtos{height: 250px;}
	#conteudo section#produtos .produtos .inner{min-height: 220px;}
}

@media all and (max-width: 570px){
	p {font-size: 14px; line-height: 22px;}
	header{height: 263px;}
	#conteudo section#intro .intro h2, #conteudo section#redes h2{font-size: 38px;}
	#conteudo section .title h2{font-size: 38px; padding-top: 50px; padding-bottom: 30px;}
	#conteudo section#produtos .carousel .carousel-control.right{right: -10px;}
	#conteudo section#produtos .carousel .carousel-control.left{left: -10px;}
	#conteudo section#produtos .produtos{padding: 0 30px;}
	#conteudo section#produtos .produtos{min-height: auto;}

	#conteudo section#produtos .itens-produtos{height: 330px;}
	#conteudo section#produtos .produtos .inner{min-height: 300px;}

	.header-page{height: 160px;}
	.header-page .boneco-header{left: 38%; width: 13%;}
}

@media all and (max-width: 520px){
	#conteudo section#produtos .itens-produtos{height: 280px;}
	#conteudo section#produtos .produtos .inner{min-height: 250px;}

	#conteudo section#produto .responsive-produto [class^="col-"]{width: 100%}
	#conteudo section#produto img{margin-top: 0}
}

@media all and (max-width: 445px){
	#conteudo section#produtos .itens-produtos{height: 250px;}
	#conteudo section#produtos .produtos .inner{min-height: 220px;}
}

@media all and (max-width: 415px){
	header{height: 215px;}
	header .navbar-header img{width: 140px;}
	header .navbar .cont-header{padding: 30px 15px;}

	#conteudo section{padding: 35px 0;}

	.hidden-415{display: none;}
	#conteudo section#produtos .produtos{padding: 0; margin: 10px 0 15px;}
	#conteudo section .title h2{margin-left:15px; margin-right:15px;}
	.carousel-indicators {bottom: -10px;}
	#conteudo section#produtos .carousel .item .inner{width: 90%; margin-bottom: 10px;}
	#conteudo section#receitas .receitas .iten-receita p{display: none}

	.header-page .boneco-header{left: 40%; width: 19%;}

	#conteudo section#produto img{width: 100%;}
}


@media all and (max-width: 360px){
	#conteudo section#produtos .itens-produtos{height: 220px;}
	#conteudo section#produtos .produtos .inner{min-height: 190px;}
}