.home { .logo_container { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; margin: 4rem 0; .logo { max-width: 60rem; width: 100%; padding: 0 1rem; } } .lg-icon-container { justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin: 0; margin-top: 4rem; .column { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: flex-start; text-align: left; .lg-icon { fill: #f0941d; width: 10rem; height: 10rem; flex: 1; } div { flex: 2; } } @media (min-width: 40.0rem) { .column { flex-direction: column; justify-content: flex-start; align-items: center; align-content: flex-start; text-align: center; } } } .description { margin-top: 1em; } @media (min-width: 40.0rem) { .description { margin-top: 3em; } } }