footer{ background: white; border-top: 1px solid black; width: 100%; height: auto; // padding: 2rem 0 0 0; margin-top:2rem; .container{ max-width: 90vw; } & > .d-flex{ & > div{ margin-bottom: 1.5rem; padding-top: 2rem; padding-left: 2rem !important; padding-right: 2rem !important; } & > div:not(:last-of-type){ border-right: 1px solid black; @media screen and (min-width: 300px) { border-right: none; } } } @media (min-width: 992px) { .d-lg-block { display: block !important; } } #block-renderedsitesettingsblock-5{ max-width: 30%; @media screen and (max-width: 300px) { max-width: 100%; } div.site_setting_entity div.grid{ display: grid; grid-template-columns: 1fr 1fr; div:nth-of-type(1){ grid-column: 1; grid-row: 1 / span 3; } div:nth-of-type(2){ grid-column: 2; grid-row: 1; } div:nth-of-type(3){ grid-column: 2; grid-row: 2; margin-left: 1rem; a{ img{ width: 90%; margin: auto; } } } div:nth-of-type(4){ grid-column: 2; grid-row: 3; margin-top: 2rem; margin-left: 1rem; a{ img{ width: 60%; } } } @media screen and (max-width: 300px) { display: flex; flex-direction: column; } } // & > 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-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; } } } } } }