/* ------------------------------------------------- ABOUT US SECTION ---------------------------------------------------*/ .about-section { margin-top: 40px; padding: 0 20px; } .about-title { text-align: center; font-size: 30px; color: #124483; font-weight: 700; margin-bottom: 25px; } /* FLEX LAYOUT */ .about-text { display: flex; flex-direction: row; /* IMAGE LEFT | TEXT RIGHT */ gap: 30px; align-items: flex-start; } .about-text img { max-width: 500px; /* MEDIUM size */ height: 300px; border-radius: 14px; border: 3px solid #F4B400; box-shadow: 0 6px 20px rgba(128, 0, 0, 0.2); } /* TEXT */ .about-text > p { font-size: 16px; line-height: 1.8; color: #333; text-align: justify; } /* ----------------------------- MOBILE VIEW ------------------------------*/ @media (max-width: 724px) { .about-title { font-size: 24px; } .about-text { flex-direction: column; align-items: center; } .about-text img { max-width: 280px; margin-bottom: 20px; } .about-text > p { font-size: 15px; } }