@charset "UTF-8";
/* CSS Document */
body{
	width:100%;
	height:auto;
	max-width:1920px;
	margin:0 auto;}

a:visited {color: white;
text-decoration:none;}
a:link {color: white;
text-decoration:none;}
a:hover {color:white;
text-decoration:underline;}

nav{width:100%;position: fixed;z-index: 4;margin-top: 20px;font-family: 'Montserrat', sans-serif;font-weight: 500;letter-spacing: 3px;color:white;}

.logomovil{display: none;}

p1{font-family: 'Oswald', sans-serif;font-size: 40px;}
p2{font-family: 'Montserrat';line-height: 40px;font-size: 12px;}
p3{font-family: 'Oswald', sans-serif;letter-spacing: 2px;border-style: solid;border-color: white;border-width: 2px;padding: 10px;}
p4{font-family: 'Oswald', sans-serif;letter-spacing: 2px;border-style: solid;border-color: #ed8acb;border-width: 2px;padding: 10px;color:#ed8acb;}

.bebidas{width:10%;float: left;margin-left:10%;margin-top: 35px;}
.comida{width:20%;float: left;text-align:center;margin-top: 35px;}
.logo{width:10%;float:left;margin-left:5%;margin-right:5%;}
.nosotros{width:20%;float:left;text-align: center;margin-top: 35px;}
.telefono{width: 10%;float: left;text-align: right;margin-top: 35px;}

#menumovil{display:none;}
#mostrarmenumovil{display:none;}

.landing{width:100%; float: left; background-color: #f8b601;}
.burger{width:50%;float: left; margin-left: 25%;margin-top: 100px;}

.combomaltehistoria{width:100%; background-color:#ed8acb;float: left;}

.malteada{width: 50%;float: left;background-color: #e6e6e6;}
.fotomalteada{margin-left: 20%;width: 60%;margin-top:100px;float: left;margin-right: 20%;}
.botonmenubebidas{width: 100%;float: left;margin-top:30px;margin-bottom:100px;text-align: center;}

.delicioso{width:50%;float: left;color: white;}
.deliciosotexto{width:60%;margin-left: 20%;float: left;margin-top: 200px;text-align: center;}

.tricomboburgers{width: 100%;float: left;background-color: #107C79;}
.burgersola{width: 33.33%;float: left;}
.fotoburger{width:70%;margin: 15%;}
.chica{width: 60%;margin-left: 25%;margin-top: 100px;margin-bottom: 100px;}
.chico{width: 60%;margin-left: 15%;margin-top: 100px;margin-bottom: 100px;}
.botonmenualimentos{width: 50%; margin-top: 200px;margin-left: 25%; font-family: 'Oswald', sans-serif;letter-spacing: 2px;border-style: solid;border-color: white;border-width: 2px;padding: 10px;text-align: center;}

.visitanos{text-align: center;width: 100%;float: left; color:#FF4040;background-color: #e6e6e6;}
.contenidovisitanos{width: 100%;margin-top: 100px;margin-bottom: 100px;}
.mapa{width: 50%;}

.comboburgerordena{width:100%; background-color:#F8B601;float: left;}

.burgerhand{width: 50%;float: left;background-color: #FF4040;}
.fotomalteada{margin-left: 20%;width: 60%;margin-top:100px;float: left;margin-right: 20%;}

#ordena{width:50%;float: left;color:#FF4040;}
.ordenatexto{width:60%;margin-left: 20%;float: left;margin-top: 100px;text-align: center;}

.footer{width: 100%;float: left;background-color: #FF4040;font-size:12px;color:white}
.logopie{margin-left: 10%;margin-top: 20px;width: 8%;float: left;margin-bottom: 30px;}
.legal{width: 55%;float: left;margin-top: 20px;text-align: right;font-family: 'Montserrat', sans-serif;font-weight: 500;}
.face,.insta{width: 1.5%;float: left;margin-top: 20px;margin-left: 1%;}

@media screen and (max-width: 640px){
	
	nav{display: none;}
	.logomovil{display: block;position: fixed;width: 20%;float: left;margin-left: 40%;margin-top: 20px;z-index: 2;}
	
	#mostrarmenumovil{display:block;width:7%;margin-left:89%;float:left;position:fixed;z-index:4;top:30px;}
	#menumovil{display:none;}
	.contenidomenu{background-color:#FF4040;position:fixed;z-index:5;width:100%;top:0;padding-top:30px;padding-bottom:30px;text-align:center;}
	.workmovil{margin-top:20px;font-size:15px;font-family: 'Montserrat', sans-serif;font-weight: 500;letter-spacing: 3px;color:white;}
	#cerrarmenumovil{width:25%;margin-top:50px;}
	#cerraralternativo{width:100%;float:left;height:2500px;background-color:white;position:fixed;top:0;z-index:4;opacity:0;}
	
	.burger{width: 70%;margin-left: 15%;}
	
	.malteada{width:100%;}
	.delicioso{width: 100%;}
	.deliciosotexto{margin-top: 100px;margin-bottom: 100px;}
	
	.burgersola{width: 100%;}
	
	.mapa{width: 100%;}
	
	.burgerhand{width: 100%;}
	#ordena{width: 100%;}
	.ordenatexto{margin-top: 100px;margin-bottom: 100px;}
	
	.logopie{width: 20%;margin-left: 40%;margin-bottom: 0px;}
	.legal{width: 100%;text-align: center;margin-top: 10px;font-size: 12px;}
	
	.face{width: 5%;margin-bottom: 10px;margin-left: 42.5%;}
	.insta{width: 5%;margin-bottom: 10px;margin-left: 5%;}

}