@media screen and (max-width:740px) {
	article{
		padding-top: 0;
	}
	article h1{
		display: none;
	}
	.main-img {
		text-align: center;
		padding-top: 0;
	}
	.show-hide{
		display: block;
		left: 0;
		position: absolute;
		text-align: center;
		text-shadow: 0 0 6px #000;
		top: 4em;
		width: 100%;
	}
	ul li ul{
		margin:0;
	}
	header {
		background-color: rgba(0, 0, 0, 0.7);
		max-width: 100% !important;
		text-align: center;
	}
	.logo {
		margin: 10px auto;
		max-width: 180px;
		width: 40%;
	}
	section {
		padding-top: 50px;
	}
	nav ul { 
		display: none;
		height: auto;
		margin: 0;
		padding: 10px;
		width: 100%; 
	}  
	header a#pull {  
		display: block;  
		background-color: #283744;  
		width: 100%;  
		position: relative;  
	}  
	header a#pull:after {  
		background: url("../img/nav-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		content: "";
		display: inline-block;
		height: 30px;
		position: absolute;
		right: 0;
		top: -40px;
		width: 30px;
	} 	

	.pad-top{
		padding-top: 0;
	}

	#cookie-box {
		left: 0;
		margin: 0;
		max-width: none;
	}
	#capa-cookies {
		bottom: 0;
		height: 100%;
		overflow-y: scroll;
		position: fixed;
		top: 0;
		width: 100%;
	}
	#capa_interior {
		margin: 0;
		background: #fff;
	}
	#capa_interior p {
		padding: 0;
	}

}

@media screen and (max-width: 768px) {
	#cookie-box {
		left: 0;
		margin: 0;
		max-width: none;
	}
	#capa-cookies {
		width: 100%;
	}
	#capa_interior {		
		margin: 0;
	}
	#capa_interior p {
		padding: 0;
	}
	#capa_interior h2 {
    color: #000;
    font-size: 20px;
    padding: 0;
	}
}