.banner-vademecum{
	background-color: var(--color-blue-dark);
	position: relative;
}
.banner-vademecum .texto{
	width: 60%;
	margin-right: 0;
	margin-left: auto;
	padding: 80px 0 80px 80px;
	color: white;
}
.banner-vademecum .texto p{
	color: white;
}
.banner-vademecum .texto p.title,
.banner-vademecum .texto h1.title{
	font-size: 66px;
	font-family: var(--fuente-title);
	color: white;
	line-height: 1;
	font-weight: 700;
}
.banner-vademecum .image{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 44%;
	background-size: cover;
	background-position: center;
}
@media only screen and (max-width:1500px) {
	.banner-vademecum .texto p.title,
	.banner-vademecum .texto h1.title{
		font-size: 48px;
	}
	.banner-vademecum .texto{
		padding: 60px 0 60px 60px;
		width: 55%;
	}
}
@media only screen and (max-width:1200px) {
	.banner-vademecum .texto p.title,
	.banner-vademecum .texto h1.title{
		font-size: 39px;
	}
}
@media only screen and (max-width:991px) {
	.banner-vademecum .texto{
		width: 59%;
	}
}
@media only screen and (max-width:767px) {
	.banner-vademecum .image{
		position: relative;
		width: 100%;
		height: 250px;
	}
	.banner-vademecum .texto{
		width: 100%;
		padding: 40px 0;
	}
	.banner-vademecum .texto p.title,
	.banner-vademecum .texto h1.title{
		font-size: 30px;
	}
}