.project-section {
    margin-top: 6em;
}
.project-section-content {
    min-height: calc(100vh - 32.6em); 
    padding: 4em 2em;
}
.project-section-location {
    margin-bottom: 0px;
}
.project-section-description {
    max-height: 18em;
    overflow-y: auto;
    margin-top: 1em;
}

@media screen and (max-width: 76em) {
    .project-section-content {
        min-height: calc(100vh - 30em);
    }
}

@media screen and (max-width: 58em) {
    .project-section-description {
        max-height: unset!important;
    }
    #main-project-image {
        display: none;
    }
}

@media screen and (max-height: 46em){
    .project-section-description {
        max-height: 12em;
    }
    .project-section-content {
        margin: 0em 2em;
    }
}

@media screen and (max-width: 38em) {
    .project-section {
        margin-top: 4em;
    }
}