@import url("main.css");

/*
    ABOUT-US.CSS

    Description: Styles for about-us.html page
*/

.about-us,
.about-us__section,
.about-us__article {
    display: flex;
    flex-direction: column;
}

.about-us__section {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 80%;
    gap: 50px 0;
}

.about-us__title-image {
    width: 10%;
    object-fit: contain;
    color: var(--color-yellow);
}

.about-us {
    gap: 100px 0;
}

.about-us__article {
    line-height: 1.65em;
    gap: 20px 0;
}

.about-us__paragraph {
    font-weight: 700;
    text-align: justify;
}

@media (max-width: 640px) {
    .about-us__section {
        width: 90%;
    }
}