footer{ background: white; width: 100%; height: auto; padding: 2rem 0 0 0; margin-top:2rem; & > .d-flex{ & > div{ margin-bottom: 1.5rem; } } @media (min-width: 992px) { .d-lg-block { display: block !important; } } #block-colloque2024-renderedsitesettingsblock-5{ .site_setting_entity{ & > div{ display: flex; flex-wrap: nowrap; @media screen and (min-width: 768px) { display:block; } & > div{ width: calc((100% / 3) - #{$gutter}); @media screen and (min-width: 768px) { width: calc((100% / 2) - #{$gutter}); max-width: 200px; margin-bottom: 2rem; } &:first-child{ margin-right: $gutter; } } } } } #block-colloque2024-renderedsitesettingsblock-4{ @media (min-width: 992px) { .d-lg-block { display: block !important; } } .site_setting_entity{ & > div{ margin: 1rem 0; &:first-child{ &::after,&:before{ margin: 0.5rem 0; display: block; content: " "; width: 1rem; height: 1px; background: black; } } } .sub-title{ font-size: 1rem; } .d-flex{ margin-top: 1rem; & > div{ width: 30px; margin-right: 1rem; } } } } .site_setting_entity{ img{ height: auto; } } & > div{ display: flex; flex-wrap: nowrap; .__slide{ .flickity-slider{ & > div{ width: max-content; margin: 0 1rem; img{ width: auto!important; height: 100px; max-width: 70px; object-fit: contain; } } } } } }