@media screen and (max-width:540px){
	.contenedor{
		flex-direction:column;	
	}
	header{
	
		flex-direction:column;
		padding:0;
	}
	header .logo{
		width:100%;
		margin:5px 0px;
	}
	header nav.menu{
		width:100%;
	}
	
	
#main h1{
	font-size:25px;
	
}



#bubblebox{ width:230px; height:150px; margin:0 auto; float:right; border:5px solid #62ad28; background:#62ad28}
#bubbles{ width:auto; margin:0px auto; text-align:center; }
#bubbles > div{ display:none; width:10px; height:10px; margin:10px 10px 0px 10px; background:rgba(0,0,0,.1); text-align:center; border:2px solid #999; border-radius:100%; font-size:17px; text-decoration:none; transition: background 0.3s linear 0s; cursor:pointer; }

#bubblecontent{ margin:5px auto; transition:opacity 0.3s linear 0s; font-family: Arial;}

#bubblecontent > a{ margin:0px 5px 5px 5px;}
#bubblecontent > img{ width:220px; height:135px; margin:0px 5px 5px 5px;}
.thumb4{ width:210px; height:135px; margin:0px 5px 5px 5px;}



#contenido h2{
	
	font-size:25px;
	
}


#contenido article .titulo{
		font-size:22px;
	}

	
	
	footer{
		width:100%;
		text-align:center;
	}
}