.banner {
    background-color: #D3DEF2 ;
    background-image: url(/banner.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 500px;
}

.contenedorBanner {
	max-width: 1300px;
	width: 100%;
	/* height: calc(100vh - 13rem); */
	display: flex;
	flex-flow: row nowrap;
}


.bannerImg {
	aspect-ratio: 1.33/1;
	width: 100%;
}

.logoBanner {
	width: 100%;
	/* height: 100%; */
	/* padding: 0 1rem; */
	/* padding-bottom: 3rem */
}

.logoBanner img {
	width: 100%;
	aspect-ratio: 3.53/1;

}
@media (max-width: 830px) {
    .banner {
    background-image: url(/banner-mob.png);
    }

}

@media (max-width: 768px) {
    .banner {
        height: 350px;
    }
}

@media (max-width: 400px) {
    .banner {
        height: 250px;
    }
}