@charset "UTF-8";
/* CSS Document */
/* Brands */

.tal-brands { }

.tal-brands .tal-common-intro { background:url('../img/contents/brands/bg-hero-brands.jpg') center center no-repeat; background-size:cover; }

.tal-brands-grid-container { display:flex; justify-content:start; justify-content:space-between; flex-wrap:wrap; }
.tal-brands-grid-container::after { content:""; flex-basis:calc(33.333% - 10px); }
.tal-brands-grid-item { background-color:white; flex-basis:calc(33.333% - .5rem); margin-bottom:1rem; padding:2rem; transition:background-color 300ms; }
.tal-brands-grid-item:hover { background-color:var(--tal-ui-lightbrown); }
.tal-brands-grid-item img { width:100%; }

.tal-brands-content { background-color:var(--tal-ui-lightbrown); }
.tal-brands-content-logo { display:block; background-color:white; padding:2rem; width:328px; margin:0 auto; margin-bottom:3rem; }
.tal-brands-content-logo img { width:100%; }
.tal-brands-content-copies { display:flex; justify-content:center; flex-direction:column; }
.tal-brands-content-headline { text-align:center; }




@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	
}

@media (max-width: 1649.98px) {
	
}
@media (max-width: 1399.98px) {
	
}
@media (max-width: 1219.98px) {
	
}
@media (min-width: 1200px) {
	
}
@media (max-width: 1199.98px) {
	
}
@media (min-width: 992px) {
	
}
@media (max-width: 991.98px) {
	
}
@media (min-width: 768px) {
	
}
@media (max-width: 767.98px) {
	.tal-brands-grid-container::after { content:""; flex-basis:calc(50% - 10px); }
    .tal-brands-grid-item { background-color:white; flex-basis:calc(50% - .5rem); margin-bottom:1rem; padding:2rem; }
}
@media (max-width: 575.98px) {
	.tal-brands-content-logo { width:200px; }
}
@media (max-width: 479.98px) {
	.tal-brands-grid-item { padding:0; }
}