/* ATLANTICLANDSCAPECONSTRUCTION.COM /about.css */
h2, h3 {margin-top: -1em;}
#roots, #future {max-width: 1100px; display: flex; align-items: center; gap: 1.5rem; margin: 1rem auto 1rem;}
#roots .col, #future .col {flex: 1; display: flex; align-items: center;}
#roots .col-35, #future .col-35 {flex-basis: 35%;}
#roots .col-65, #future .col-65 {flex-basis: 65%;}

#roots .fig-wrap {display: inline-block; margin: 0 0 0 auto;}
#future .fig-wrap {display: inline-block; margin: 0 auto 0 0;}

#roots figure, #future figure {display: inline-block; width: 100%;}
#roots figure {text-align: right;}
#future figure {text-align: left;}

#roots img, #future img {display: inline-block; max-width: 100%; height: auto; object-fit: contain;}
#roots figcaption, #future figcaption {text-align: center; max-width: 340px; margin-top: .5em; font-size: 90%; font-style: italic;}
#roots figcaption {margin: 0 0 0 auto;}
#future figcaption {margin: 0 auto 0 0;}

@media only screen and (min-width: 0px) and (max-width: 768px) {
h2, h3 {margin-top: .25em; text-align: center;}
#roots, #future {flex-direction: column; flex-wrap: wrap; margin-top: .25rem;}
#roots .col, #future .col {flex: 1; display: flex; align-items: center;}
#roots .col-35, #roots .col-65, #future .col-35, #future .col-65 {flex-basis: 100% !important; width: 100% !important;}
#roots .fig-wrap, #future .fig-wrap {margin: 0 auto;}
#roots figure, #future figure {text-align: center; margin-left: auto; margin-right: auto;}

#roots img, #future img {margin-left: auto; margin-right: auto;}
#roots figcaption, #future figcaption {margin: 0 auto;}

.col-group .col-35 {order: 1; margin-top: 1.5rem;} 
.col-group .col-65 {order: 2;}
}