*{
  margin:0;
  padding:0;
  box-sizing:border-box;	
}



#banner{
	margin-top:40px;
	position:relative;
}

#banner img{
	width:100%;
	height:100%;	
}

#banner .contenedor{
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	color:#FFF;
}


#banner a{
	display:block;
	width:100px;
	color:#fff;
	text-decoration:none;
	padding:7px;
	margin-top:10px;
	border:3px solid #fff;
}

#banner a:hover{
	background:rgba(51,51,51,0.5);
}

.contenedor img{
    width: 400px;
}





/*aca empíeza lo del menu*/

#menu-bar{
    display:none;
}

header label{
	float:right;
	font-size:80px;
	margin:0px;
	cursor:pointer;
}

.menu{
	position:absolute;
	top:120px;
	left:0;
	width:100%;
	height:100vh;
	background:#5B2228;
	transition:all 0.5s;
	transform:translateX(-100%);
	font-size:50px;
}

.menu a{
	display:block;
	color:#fff;
	height:90px;
	text-decoration:none;
	padding:15px;
	border-bottom:1px solid rgba(255,255,255,0.5);
}

.menu a:hover{
	background:rgba(255,255,255,0.3);
}

#menu-bar:checked ~ .menu{
	transform:translateX(0%);
}



body {
  font-family: 'Open Sans', sans-serif;
}


header {
  width:100%;
  height:120px;
  background:#E7D3B8;	
  color:#fff;
  position:fixed;
  top:0;
  left:0;
  z-index:100;
}

header img{
    width: 200px;
    margin-top: 10px;
}

.contenedor {
  width:98%;
  margin:auto;
}


header .contenedor{
	display:table;
}

section{
	width:100%;
	margin-bottom:25px;
}





/*media query del menu*/

@media (min-width:1024px){
	.menu{
		position:static;
		width:auto;
		height:auto;
		transform:translateX(0%);
		float:right;
		display:flex;
		font-size:15px;
	}
	
	.menu a{
		border:none;
	}
	
	header label{
		display:none;
	}

    .contenedor img{
    width: 600px;
    }
    
}



@media (min-width:768px){
    
	#banner{
		height:300px;
		overflow:hidden;	
	}
	
	#banner img{
		height:auto;
		margin-top:-100px;
	}
    
    .contenedor img{
    width: 600px;
    }
	
}
    

@media (min-width:480px){
    
    
	#banner h2{
		font-size:40px;
	}
	
	#banner a{
		margin-top:25px;
	}
    
    #banner{
		height:300px;
		overflow:hidden;	
	}
	
	#banner img{
		height:auto;
		margin-top:-100px;
	}
    
    .contenedor img{
    width: 600px;
    }
    
}