.top-portada{
    margin-top: 0px;
	position: relative;
	width: 100%;
	height: 100%;
}

@media(max-width:320px){
	.img-portada-movil{
		/* height: 320px !important; */
		background-size: cover;
	}
	.portada{
		display: none;
	}
	.top-portada{
    	margin-top: 0px;
	}
}

@media (min-width:321px) and (max-width:576px){
	.img-portada-movil{
		background-size: cover;
		background-position: center;
		height: 400px;
	}
	.portada{
		display: none;
	}
	.top-portada{
    	margin-top: 0px;
	}
}

@media (min-width:577px) and (max-width:767px){
	.img-portada-movil{
		display: none !important;
	}
	.portada{
    	background-size: cover !important;
		background-position: center;
		height: 19vh !important;
	}
	.top-portada{
    	margin-top: 0px;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.img-portada-movil{
		display: none;
	}
    .portada{
		background-size: cover !important;
		background-position: center;
		height: 23vh !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
	.portada-movil, .img-portada-movil{
		display: none;
	}
    .portada{
		background-size: cover !important;
		background-position: center;
		height: 40vh !important;
    }
}

@media(min-width:1200px) and (max-width:1399px) {
	.img-portada-movil{
		display: none;
	}
    .portada{
	background-size: cover !important;
	background-position: center;
	height: 55vh !important;
    }
}

@media (min-width: 1400px) and (max-width: 1920px) {
	.img-portada-movil{
		display: none;
	}
    .portada {
        background-size: cover !important;
        background-position: center;
        height: 50vh !important;
    }
}