/* Homepage layout. Components come from site.css (the top is .mr-banner); this file only places them. */

/* Services */
.mr-home-services__more { justify-content: center; margin-top: 28px; }
@media (max-width: 600px) { .mr-home-services__more { align-items: center !important; } }

/* Why one guy: the trailer photo. */
.mr-home-one .mr-photo { max-width: 460px; margin-left: auto; }
@media (max-width: 899px) { .mr-home-one .mr-photo { margin: 0 auto; } }

/* The photo tip sits under the steps. */
.mr-home-how .mr-callout { margin-top: 32px; }

/* About teaser: one centred reading column. */
.mr-home-about .mr-quote { margin: 1.8rem 0 .6rem; }