.main-header h1
{
    color:white;
    margin-top:50px;
}

.about-us
{
    width:80%;
    margin:100px auto;
    display:flex;
    justify-content:space-between;
}

.second
{
    flex-direction:row-reverse;
}

.about-us div
{
    flex-basis:48%;
}

.about-us img
{
    width:100%;
    border-radius:2px;
}

.about-us h1
{
    font-size:30px;
    font-weight:600;
}

.about-us p
{
    font-size:14px;
    color:#777;
    font-weight:300;
    margin:15px 0 30px 0;
}

.about-us a
{
    text-decoration:none;
    background:red;
    padding:8px 13px;
    border:2px solid red;
    color:white;
    font-weight:600;
    transition:0.4s;
    border-radius: 2px;
}

.about-us a:hover
{
    background:rgb(250, 237, 237);
    color:red;
}

.faculties
{
    width:80%;
    margin:auto;
    text-align:center;
    margin-bottom:85px;
}

.faculties h1
{
    font-size:30px;
}

.faculties-container
{
    margin-top:80px;
    display:grid;
    justify-content:center;
    align-content:center;
    row-gap:50px;
    column-gap:20px;
}

.faculty img
{
    width:60%;
    border-radius:6px;
}

.faculty p
{
    font-size:14px;
    color:#777;
}

@media screen and (min-width:701px)
{
    .faculties-container
    {
        grid-template-rows:repeat(2,48%);
        grid-template-columns:repeat(3,30%);
    }
}

@media screen and (max-width:700px)
{
    .about-us
    {
        flex-direction:column-reverse;
        text-align:center;
    }

    .faculty img 
    {
        width:40%;
    }

    .achievements-list
    {
        flex-direction:column;
        justify-content:space-around;
        height:110vh;
    }
}










.achievements
{
    text-align:center;
    margin-bottom:80px;
}

.achievements h1
{
    font-size:28px;
    margin-bottom:60px;
}

.achievements-container
{
    background-image:linear-gradient(to top right, rgba(30, 143, 255, 0.737), rgba(255, 0, 0, 0.856)) ;
    background-size:cover;
    background-position:center;
    padding:50px 40px;
}

.achievements-list
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    list-style:none;
    display:flex;
    justify-content:space-around;
}

.achievement div
{
    width:150px;
    height:150px;
    border-radius:50%;
    border:3px solid black;
    /* background-color:rgb(236, 216, 216); */
}

.achievement h3
{
    margin-top:10px;
    color:white;
}

.achievement-1 div
{
    background:url(../images/15138.jpg);
    background-size:cover;
    background-position:center;
}

.achievement-2 div
{
    background:url(../images/6101073.jpg);
    background-size:cover;
    background-position:center;
}

.achievement-3 div
{
    background:url(../images/18383.jpg);
    background-size:cover;
    background-position:center;
}