@media screen and (min-width: 1024px){
	.x, .hamburg{
		display: none!important;
	}

	#menu-mob.open{
		display: none;
	}
}


@media screen and (min-width: 600px) and (max-width: 1621px) {
	#seis .wrapp{
		width: 70%;
		margin-left: 15%;
	}

	#seis .boton-telegram{
		margin-top: 110px;
	}

}

@media screen and (min-width: 600px) and (max-width: 1024px) {
	
	#seis .boton-telegram{
		margin-top: 120px;
		width: 50%;
		margin-left: 25%;
	}

	.hero .mig.fleft:first-child{
    	float: none;
    	width: 60%!important;
    	margin-left: 20%!important;
    	margin-right: 20%!important;
    	z-index: 0!important;
    }

    .hero > img{
	    max-height: 80vh;
	    margin-top: 12vh;
	    text-align: center;
	    padding-left: 4%;
	}

    .hero .mig.fleft:nth-child(2){
    	float: none;
    	width: 40%!important;
    	margin-left: 30%!important;
    	margin-right: 30%!important;
    	margin-top: -10%;
    	z-index: 99!important;
    }

}


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

	body{
		width: 100%!important;
	}

	.nomob{
		display: none!important;
	}

	.simob{
		display: block!important;
	}

	.hero{
		width: 100%!important;
	}
    .hero .mig.fleft:first-child{
    	float: none;
    	width: 70%!important;
    	margin-left: 15%!important;
    	margin-right: 15%!important;
    	z-index: 0!important;
    }

    .hero > img{
	    max-height: 80vh;
	    margin-top: 12vh;
	    text-align: center;
	    padding-left: 4%;
	}

    .hero .mig.fleft:nth-child(2){
    	float: none;
    	width: 55%!important;
    	margin-left: 22.5%!important;
    	margin-right: 22.5%!important;
    	margin-top: -10%;
    	z-index: 99!important;
    }

    span.hamburg, span.x, a.mail-mob{
    	width: 60px;
    	height: auto;
    	margin-bottom: -70px;
    	display: block;
    	z-index: 999!important;
    	position: relative;
    	padding-left: 30px;
    	padding-top: 30px;
    	float:left;
    }

    a.mail-mob{
    	padding-left: 0;
    	padding-right: 30px;
    }

	a.mail-mob{
		float: right;
	}

    span.x{
    	display: none;
    }

    #barramob{
    	background-color: #6DB9FF;
    	height: 85px;
    }

    #barratop{
    	display: none;
    }

    .flecha{
    	width: 25px;
    }

    .wrapp{
    	width: 100%;
    	margin: 0;
    }

    .bloque-compartir{
    	display: none;
    }

    #dos h1, #tres h1, #cuatro h1, #cinco h1, #seis h1{
    	font-size: 28px;
    	padding: 45px 0;
    }

    article h2, article p{
    	font-size: 21px;
    	line-height: 1.2em;
    }

    #dos article .text{
	padding: 60px 30px;
	padding-bottom: 0;
	width: 100%;
	font-size: 21px;
	}

	#dos article aside{
		width: 65%;
		margin-left: 17.5%;
		float: left;
		position: relative;
	}

	#dos article aside img{
		width: 100%;
		padding-top: 60px;

	}

	article.grid-sizer{
		background-color: #F2F2F2;
	}

	.ms-item, .ms-item-ciencia, #feed-dos article, .boton-ciencia{
		width: calc(100% - 60px);
		margin-left:30px;
		margin-bottom: 40px;
	}

	.boton-ciencia{
		margin-bottom: 60px;
	}
	#feed article{
		padding-bottom: 0;
	}

	#feed h2, #feed-dos h2{
		font-size: 30px;
		line-height: 36px;
	}

	#feed h2{
		padding:25px 30px;
		margin-bottom: 0;
	}

	.img-about{
		width: 65%;
		margin-left: 12.5%;
		margin-top: 40px;
	}

	.botoncentradomob{
		display: block;
		width: calc(100% - 70px);
		margin-left:35px;
		margin-top: -80px;
	}

	img.ciencia{
		width: 70%;
		float: right;
		margin-right: 30px;
		margin-bottom: -35px;
		margin-top: 0;
		z-index: 0;
	}
	#cuatro h1{
		font-size:28px;
		padding-bottom: 20px;
	}

	#cuatro h2{
		font-size: 20px;
	}

	#cinco h2{
		text-align: left;
		width: 260px;
		margin:auto;
		font-size: 22px;
	}

	#cinco .mig{
		width: 100%;
	}

	footer .ters{
		width: 100%;
	}
	footer .logo{
		width: 180px;
		float: none;
		margin:auto;
		margin-top: 60px;
		display: block;
	}

	footer a{
		margin-top: 45px;
	}

	footer .mail{
		margin-top: 0;
	}


	footer .top{
		margin:auto;
		margin-top: 45px;
		float: none;
		margin-bottom: 20px;
	}

	.pt150{
		padding-top: 40px!important;
	}

	.pt180{
		padding-top: 85px!important;
	}

	.article-ciencia .botx, .article-desinfo .botx {
		width:40px;

	}
	.article-desinfo .centrada{
		width: 80%;
		margin-left: 10%;
	}

	.boton-descarga{
		width: 70%;
		margin-left: 10%;
		display: block;
		overflow: hidden;
		padding-top: 100px;
	}

	#feed > article:nth-child(6), #feed > article:nth-child(7), #feed > article:nth-child(8){
		display: none;
	}

	#feed-dos > article:nth-child(4), #feed-dos > article:nth-child(5), #feed-dos > article:nth-child(6){
		display: none;
	}
}


@media screen and (min-width: 600px) and (max-width: 1024px) {
	

	.hero .mig.fleft:first-child{
    	float: none;
    	width: 60%!important;
    	margin-left: 20%!important;
    	margin-right: 20%!important;
    	z-index: 0!important;
    }

    .hero > img{
	    max-height: 80vh;
	    margin-top: 12vh;
	    text-align: center;
	    padding-left: 4%;
	}

    .hero .mig.fleft:nth-child(2){
    	float: none;
    	width: 35%!important;
    	margin-left: 32.5%!important;
    	margin-right: 32.5%!important;
    	margin-top: -8%;
    	z-index: 99!important;
    }

}

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

	.boton-descarga{
		width: 90%;
		margin-left: 5%;
		display: block;
		overflow: hidden;
		padding-top: 100px;
	}
}