@media screen and (min-width:769px) { .about-container[data-v-106f422f] { flex-direction: row; } .description[data-v-106f422f] { padding-right: 2em; width: 55%; } .posters[data-v-106f422f] { width: 45%; gap: 2vw; padding-left: 2em; } } @media screen and (max-width:768px) { .about-container[data-v-106f422f] { flex-direction: column; } .posters[data-v-106f422f] { gap: 5vw; padding: 2em; } } .about-container[data-v-106f422f] { display: flex; } .description[data-v-106f422f] { text-align: left; } .posters[data-v-106f422f] { align-self: start; /* grid */ display: inline-grid; grid-template-columns: repeat(2, 1fr); } /** Vue syntax to force scoped styling onto child component */ /* /deep/ .poster { max-width: 100px; } */ h5[data-v-106f422f] { margin-bottom: 0.25em; font-weight: 500; text-align: start; color: #3c3f42; font-size: 1rem; } p[data-v-106f422f] { text-align: left; margin-bottom: 1.5em; line-height: 1.75em; font-size: 1.125m; } .acclamation-logo-container[data-v-106f422f] { display: flex; padding-top: 20px; } .acclamation-logo-container img[data-v-106f422f] { width: 47.5%; max-width: 175px; align-self: center; margin-right: 5%; }