@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
  .hamburg{
	width:50px;
	height:50px;
	border: 2px solid #d4b066;
	z-index:999;
	position:fixed;
	margin:5px;
	padding:0px 0px 0px 10px;
	display:block;
	color:#d4b066;
	font-size:1px;
	}	
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
	#menu ul{
		display:none;
	}
	.logo2{
		z-index:999;
		position:fixed;
		margin-left:150px;
		margin-top:5px;
		display:block;
   }
	.column-footer{
		float: left;
		width: 100%;
		padding:10px;
	}
	.midias-img{
		width:70%;
		margin:auto;
 }
	.historia-box{
		margin-top:400px;
	}
	#counter-section-container{
		width:100%;
	}
	#counter-box-container{
		width:60%;
	}
	#counter-box {
		width:500px;
		margin-left:50px;
	}
}