@media only screen and (max-width: 480px){

	.red{
		display:none;
	}
	.columnasx3{
		width: 100%;
	}
	.tablax4{
		width: 100%;
	}
	.tablaxd{
		width: 100%;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px){

header nav{
	width: 80%;
	height: 100%;
	left: -100%;
	margin: 0;
	position: fixed;
}
header nav ul li {
	display: block;
	float: none;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.menu_bar{
	display: block;
	width: 10%;
	float: left;
	/*background: #ccc;*/
}
.menu_bar .bt-menu{
	display: block;
	padding: 60px;
	background: #024959;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
	
}