body{
width: 100%;
height: 100%;
    background: url(../images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
}

.center-block{
	text-align: center;
}

.click1{
	position: absolute;
    left: 25%;
    top: 37%;
    cursor: pointer;
        width: 10%;
}

.click2:hover{
	transform:scale(1.1);
}

.click1:hover{
	transform:scale(1.1);
}

.click2{
	position: absolute;
	top: 25%;
    left: 60%;
    cursor: pointer;
        width: 10%;
}

.redes{
	overflow: hidden;
    width: 300px;
    margin: 0 auto;
        padding-left: 7%;

}

.red{
	float: left;
	list-style: none;
	cursor: pointer;
	width: 25%;

}
.nota{
   font-size: 20px;
   padding-top: 3%;
   background-color: #BA0000;
   padding-bottom: 2%;
   cursor: pointer;
                }

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

}

#hamburguesas{
	clear: both;
	padding-top: 2%;


}

h1{
	color: white;
	text-align: center;
	font-size: 19px;
	background-color: #BA0000;
	height: 40px;
}

.tam{
	width: 200px;
	color: white;
	text-align: center;
	margin-left: 2%;
	line-height: 17px;
	float: left;

}

#vo{
	background-color: #e9ac21;
	color: white;
	width: 100px;
	font-size: 17px;
	text-align: center;
	    margin-left: 22%;
	        line-height: 16px;
}

#pizzas{

z-index: 9999999999;
}

.video{
	margin-top: 5%;
    position: relative;
}

.video>img{
    cursor: pointer;
}

.video2{

}

#des{
    height: 70px;
}

.todo{
	width: 68%;
}
a{
	color: white;
	text-decoration: none;
}

.imagens{
	    width: 25%;
    margin-left: 37%;
}

#chef{
	clear: both;
}

.che{
	float: left;
}

.fotos{
	    padding-left: 8%;
    padding-top: 6%;
}

.food1{
	clear: both;
	    width: 445px;
    color: white;
    font-weight: lighter;
    padding-top: 2%;
}

h2{
	color: white;
	text-align: center;
}


@media (max-width: 480px) { 
	.imagens{
   	width: 40%;
    margin-left: 30%;

   	} 

   	.tam{
   		       width: 72%;
    border-bottom: 2px dashed white;
    margin-left: 14%;
   	}
	
	#vo{
		margin: 0 auto;
		margin-bottom: 3%;
	}

	#des{
		    height: 60px;
	}

	.todo{
		    padding-top: 33%;
		        width: 99%;
	}

	.click1{
    left: 33%;
    top: 61%;
    width: 17%;

	}

	.click2{
	top: 55%;
    left: 55%;
    width: 17%;


	}

	.video>img {
		width: 100%;
	}

}

.titulonew{
	   font-size: 40px;
    background-color: #260304;
    color: white;
    border-bottom: white solid 2px;
    padding: 0.5%;
    width: 65%;
    margin: 0 auto;
    font-weight: 900;
}

#Publico{
	    clear: both;
    padding-top: 2%;
}
.titulop{

       font-size: 40px;
    background-color: #260304;
    color: white;
    border-bottom: white solid 2px;
    padding: 0.5%;
    width: 65%;
    margin: 0 auto;
    font-weight: 900;
}

h2:hover{
	text-decoration: none;
	}

	.expert{
		color: white;
    width: 65%;
    margin: 0 auto;
    background-color: #830000;
    padding: 2px 14px;
    font-size: 16px;
        font-weight: lighter;
	}

	.public{
		color: white;
    width: 65%;
    margin: 0 auto;
    background-color: #830000;
    padding: 2px 14px;
    font-size: 16px;
        font-weight: lighter;
	}