/* Basscss Media Object */

.media, .sm-media, .md-media, .lg-media {

margin-left: -var(--media-object-space);
margin-right: -var(--media-object-space);

}

.media {

display: flex;

}

.media-center {

align-items: center;

}

.media-bottom {

align-items: flex-end;

}

.media-img, .media-body {

padding-left: var(--media-object-space);
padding-right: var(--media-object-space);

}

.media-body {

flex: 1 1 auto;

}

@media (–breakpoint-sm) {

.sm-media { display: flex }

}

@media (–breakpoint-md) {

.md-media { display: flex }

}

@media (–breakpoint-lg) {

.lg-media { display: flex }

}

@custom-media –breakpoint-sm (min-width: 40em); @custom-media –breakpoint-md (min-width: 52em); @custom-media –breakpoint-lg (min-width: 64em);

:root {

--space-1: .5rem;
--media-object-space: var(--space-1);

}