footer { background: white; border-top: 1px solid black; width: 100%; height: auto; margin-top: 2rem; } footer .container { max-width: 90vw; } footer > .d-flex > div { margin-bottom: 1.5rem; padding-top: 2rem; padding-left: 2rem !important; padding-right: 2rem !important; } footer > .d-flex > div:not(:last-of-type) { border-right: 1px solid black; } @media (min-width: 992px) { footer .d-lg-block { display: block !important; } } footer #block-renderedsitesettingsblock-5 { max-width: 30%; } footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid { display: grid; grid-template-columns: 1fr 1fr; } footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(1) { grid-column: 1; grid-row: 1 / span 3; } footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(2) { grid-column: 2; grid-row: 1; } footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(3) { grid-column: 2; grid-row: 2; } footer #block-renderedsitesettingsblock-5 div.site_setting_entity div.grid div:nth-of-type(4) { grid-column: 2; grid-row: 3; } @media (min-width: 992px) { footer #block-renderedsitesettingsblock-4 .d-lg-block { display: block !important; } } footer #block-renderedsitesettingsblock-4 .site_setting_entity > div { margin: 1rem 0; } footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child::after, footer #block-renderedsitesettingsblock-4 .site_setting_entity > div:first-child:before { margin: 0.5rem 0; display: block; content: " "; width: 1rem; height: 1px; background: black; } footer #block-renderedsitesettingsblock-4 .site_setting_entity .sub-title { font-size: 1rem; } footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex { margin-top: 1rem; } footer #block-renderedsitesettingsblock-4 .site_setting_entity .d-flex > div { width: 30px; margin-right: 1rem; } footer .site_setting_entity img { height: auto; } footer > div { display: flex; flex-wrap: nowrap; } footer > div .__slide .flickity-slider > div { width: max-content; margin: 0 1rem; } footer > div .__slide .flickity-slider > div img { width: auto !important; height: 100px; max-width: 70px; object-fit: contain; }