section.all_projects,
section.project_details
{
    padding-top: 200px;
}


section.all_projects > div.projects h2
{
    font-size: clamp(1.5rem, 2.5rem, 3vw);
    width: 100%;
}

section.all_projects > div.projects div.title_image h3
{
    font-size: clamp(0.85rem, 1.2rem, 1.2vw);
}

section.all_projects > div.projects div.title_image h1
{
    font-size: clamp(2.5rem, 4rem, 4vw);
}




section.project_details > div.properties
{
    padding: 1.5vw;
    display: flex;
    gap: 3vw;
    align-items: center;
    justify-content: space-between;
}

section.project_details a img
{
    margin-left: 3rem;
    width: 7vw;
}

section.project_details > div.properties > h1
{
    color: black;
    font-size: clamp(2.5rem, 8rem, 7vw);
    font-weight: normal;
    line-height: 1;
    font-family: var(--fontThin);
}

section.project_details > div.properties p.title
{
    color: var(--colorText);
    font-size: 0.75vw;
    line-height: 1.3;
}

section.project_details > div.properties p.value
{
    font-size: 1.5vw;
    line-height: 1.3;
    white-space: nowrap;
}

section.project_details > div.images
{
    padding: 1.5vw;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

section.project_details > div.images > img
{
    max-width: 100%;
}




section.project_details > div.properties > div.props
{
    display: flex;
    gap: 2vw;
}







@media screen and (max-width: 720px)
{
    section.project_details > div.properties > div.props
    {
        gap: 6vw;
    }

    section.project_details > div.properties p.title
    {
        font-size: 3vw;
    }

    section.project_details > div.properties p.value
    {
        font-size: 5vw;
    }

    section.project_details > div.properties > h1
    {
        font-size: 15vw;
        line-height: 1;
    }

    section.project_details a img
    {
        margin-left: 0;
        width: 60px;
    }

    section.project_details > div.properties
    {
        gap: 1.5rem;
        flex-direction: column;
        padding: 1rem;
        align-items: flex-start;
    }

    section.project_details > div.images
    {
        padding: 0.5rem;
        gap: 0.5rem;
    }

    section.all_projects,
    section.project_details
    {
        padding-top: 137px;
    }

    section.all_projects > h1
    {
        padding-right: 0;
        padding-left: 5%;
        text-align: left;
    }
}