.project_types {
    display: flex;
    background: var(--grey);
}
.project_types .project_type {
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    padding: 0 var(--default-spacing);
}
.project_types .project_type:hover,
.project_types .project_type.selected {
    background: #fff;
}

.item.project .project_name {
    background: var(--grey);
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 var(--default-spacing);
}
.item.project .details .mask {
    display: none;
    color: #fff;
}
.item.project.fixed .details .mask {
    display: block;
    background: #fff;
}
.item.project.fixed .project_name {
    width: calc(100vw - (var(--default-spacing) * 2));
}

#project header {
    display: flex;
    background: var(--grey);
    height: 35px;
    box-sizing: border-box;
}
#project header * {
    line-height: 35px;
}
#project header .back,
#project header .name,
#project header .type {
    padding: 0 var(--default-spacing);
}
#project header .name {
    background: #fff;
}
#project header .back:hover,
#project header .type:hover {
    background: #fff;
}
#project .content {
    padding: var(--default-spacing);
}
#project .content .description {
    padding-bottom: 130px;
}
#project .medias img.vertical {
    width: 66.666666%;
}
#project .related .item .thumbnail {
    display: none;
}
#project .related h2 {
    text-transform: uppercase;
    padding: var(--default-spacing);
}
@media only screen and (min-width: 768px) {
    #project .content {
        display: flex;
    }
    #project .content .description {
        width: 70%;
        font-size: var(--introductory-font-size);
        line-height: var(--introductory-line-height);
    }
    #project .content .technical {
        width: 30%;
    }
    
    .item.project.fixed .project_name {
        width: calc((100vw - (var(--default-spacing) * 3)) / 2);
    }
}
@media only screen and (min-width: 1024px) {
    .item.project.fixed .project_name {
        width: calc((100vw - (var(--default-spacing) * 4)) / 3);
    }
}