/* Clases según contenido, no por dispositivo */
@media (max-width: 4000px) and (min-width: 1921px) {
	.internas .navbar>.container .navbar-brand {top: -170%;}
	.lista-proyectos li {width: 32%;}
	.lista-proyectos a {max-height: 210px;}
	aside {left:20%;}
	.ficha {height: 600px;}
	.separacion {max-height: 600px;}
}

@media (max-width: 1920px) and (min-width: 1441px) {
	.internas .navbar>.container .navbar-brand {top: -170%;}
	.lista-proyectos li {width: 32%;}
	.lista-proyectos a {max-height: 210px;}
	aside {left:15%;}
	.ficha {height: 460px;}
	.separacion {max-height: 460px;}
}

@media (max-width: 1560px){
	.art-navegacion{
		position: absolute !important;
	    display: grid !important;
	    top: 6%;
	}
	.art-navegacion .nave{
		text-align: center;
		margin: 0 2em;
	}
	.art-proyectos{
		padding-top: 16%;
	}
}

@media (max-width: 1440px) {
	.ficha {height: 340px;}
	.separacion {max-height: 340px;}
}

@media (max-width: 1440px){
	.nave{
		display: inline-block;
	    text-align: center;
	    align-items: center;
	    margin: 0;
	}
	.nv-industria{
		position: absolute !important;
		display: grid !important;
		top: 5% !important;
	}
	.ind-publicidad{
		width: 50%;
	    margin: 0 25%;
	    text-align: center;
	    color: #FFF;
	    padding-top: 13em;
	    padding-bottom: 2em;
	}
}

@media (max-width: 1300px){
	.art-proyectos{
		padding-top: 20%;
	}
}

@media (max-width: 1200px){
	.cons-navegacion{
		position: absolute !important;
	    display: grid !important;
	    bottom: 14%;
	    top: inherit;
	}
	.cons-navegacion .nave{
		text-align: right;
		margin: 0 2em;
	}
	.cons-proyectos{
		padding-bottom: 16%;
	}
}

@media (max-width: 1024px) and (min-height: 768px) {
	aside {top: 18%; left: 4%;}
	.ficha {padding: 1em 2rem 1em 1em; text-align: left;}
	.ficha h2 {font-size: 24px;}
	.lista-proyectos .hov-item {top: 72%;}
	.lista-proyectos .menos {top: 45%;}
	.hov-item span {padding: 0; font-weight: 600;}
	.lista-proyectos a img {min-height: 158px;}
	.nave {margin-right: 1em;}
	.nave>li>a {width: 122px; padding: 4px 0; min-height: 122px;}
}

@media (max-width: 994px) {
	.ind-publicidad {
	    width: 60%;
	    margin: 0 20%;
	    text-align: center;
	    color: #FFF;
	    padding-top: 13em;
	    padding-bottom: 2em;
	}
	.cons-navegacion{
		position: absolute !important;
	    display: grid !important;
	    bottom: -6%;
	    top: inherit;
	}
	.cons-proyectos{
		padding-bottom: 35%;
	}
	.art-proyectos{
		padding-top: 25%;
	}
}

@media (max-width: 900px) {

}

@media (max-width: 767px) {
	.navbar-nav {margin-top: 90px; position: relative;}
	.nav>li {margin: 8px 0;}
	.nav>li>a>img {opacity:0.8; width: 20%; display: inline-block; vertical-align: middle; transition: all ease-in-out 0.3s;}
	.navbar-default .navbar-nav>li>a {margin: 0 10%; width: 80%;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; box-shadow: none;}
	aside {top: inherit; bottom: 24px; left: 1%;}
	aside .fa {display: none;}
	.lista-proyectos li {width: 80%;}
	.lista-proyectos a {max-height: 190px; min-height: 175px;}
	.internas .navbar>.container .navbar-brand {top: 0; width: 50%; left: 0;}
	.navbar-nav {margin-top: 0px;}
	.proyectos {padding-bottom: 16%; padding-top: 6%;}
	.ficha {width: 100%; height: 134px; top: 0; padding: 0 3em;}
	.detalle {padding-top: 50%;}
	h2 {font-size: 22px;}
	.ficha {background: hsla(0, 0%, 5%, 0.84);}
	.ficha h3 {
		font-size: 22px !important;
    color: #fff !important;
    font-weight: 500;
    margin-top: 330px
	}

	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {width: 70%; padding-top:16px;}
	.navbar .navbar-toggle {margin-top: 34px;}
	.internas .navbar .navbar-toggle {margin-top: 10px;}
	.internas .navbar-default .navbar-nav>li>a {margin: 0; width: 100%;}
	.navegacion {top: 0; bottom: inherit; background: rgba(0, 0, 0, 0.75);}
	.nave>li>a br {display: none;}
	.nave {display: inline-block; float: none; text-align: left; margin-right: 0;}
	.nave li, .nave a {width: 100%;}
	.nave>li>a {width: 100%; padding: 4px; min-height: 1px; border: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
	.nave>li>a>img {display: none!important;}
	#industria .proyectos {top: 170px;}
	.lista-clientes li {width: 70%;}
	.lista-proyectos .hov-item {top: 78%;}
	.lista-proyectos .menos {top: 63%;}
	.hov-item span {padding: 0; font-weight: 600;}

	.separacion {max-height: 250px;}

	.navbar-nav .jojo:hover .jaune {display: inline-block;}
	/*.navbar-nav .jojo:hover .gris {display: inline-block;}*/
	.navbar-nav:hover .sip {display: inline-block;}
	.lista-clientes li {width: 33%;}
	.navbar-default .navbar-nav>li a {border: 1px solid #FFF;}
	.ind-publicidad{
		width: 80%;
	    margin: 0 10%;
	    text-align: center;
	    color: #FFF;
	    padding-top: 85%;
	    padding-bottom: 0em;
	}
	.cons-proyectos{
		padding-bottom: 16%;
	}
	.articles-list {/*position: absolute; top: 0; right: 0;*/ padding-bottom: 0em;}
}

@media (max-device-width: 500px) {
	.lista-clientes li {width: 45%;}
	.sr-only {color: #fff;}
	.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
	.navbar-toggle:hover {background-color: transparent !important;}
}

@media (max-device-width: 425px) {
	.papel {padding: 24px 16px;}
	.papel ul {padding-left: 0;}
	.papel li {text-indent: 0;}
	.papel .fa {padding-right: 2px;}
	.articles-list {position: relative; top: 0; right: 0; padding: 0 1em;}
	.lista-clientes li {width: 60%;}
}

@media (max-device-width: 375px) {
	.nv-industria{
		position: absolute !important;
	}
	.ind-publicidad{
		width: 100%;
		margin: 0;
	    text-align: left;
	    color: #FFF;
	    padding-top: 21em;
	    padding-bottom: 2em;
	}
}

@media (max-device-width: 320px) {

}