/* background-color: #31a9ee; */
/* background-color: #cca414; */
/* color:#fd264a; */
.who-we-are
{
    padding: 45px 25px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../images/who.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.who-we-are-contact
{
    padding: 45px 25px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../images/contact.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.who-we-are-container
{
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    width: 80%;
    margin: auto;
    align-items: center;
}

.who-we-are-item h2
{
    color: #fff;
    font-family: 'Amiri', serif;
    font-size: 45px;
}

.who-we-are-item h5
{
    color: #fff;
}

@media (max-width: 850px)
{
    .who-we-are-container
    {
        width: 95%;
    }
}

@media (max-width: 650px)
{

    .who-we-are-container
    {
        flex-direction: column;
    }

    .who-we-are-item
    {
        text-align: center;
    }

    .who-we-are-item h2
    {
        font-size: 25px;
    }
    
    .who-we-are-item h5
    {
        font-size: 14px;
    }
}

@media (max-width: 400px)
{
    
    .who-we-are-item h5
    {
        font-size: 12px;
    }
}

/* about section */
.about
{
    padding: 45px 20px;
}

.about-container
{
    max-width: 1100px;
    width: 80%;
    margin: auto;
}

.about-container > span
{
    font-size: 12px;
}

.about-container p
{
    font-size: 14px;
    font-weight: 400px;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 15px;
}

.about-container h2
{
    font-family: 'Amiri', serif;
    font-size: 30px;
}

.about-container ol
{
    margin-bottom: 10px;
}

.about-container ol li
{
    font-size: 14px;
    line-height: 30px;
    margin-left: 15px;
    text-align: justify;
}

.about-container ol li span
{
    color: #31a9ee;
    font-weight: bold;
}

@media (max-width: 700px)
{
    .about-container
    {
        width: 95%;
    }
}

@media (max-width: 400px)
{
    .about-container p
    {
        font-size: 10px;
    }

    .about-container ol li
    {
        font-size: 11px;
    }
}