#games, #films, #shortfilms, #videos {
    padding-top: 12rem;
	padding-bottom: 15rem;
}

#games {
    background: #202020;

}

#films {
    background: #272727;

}

#shortfilms {
    background: #202020;

}

#games h1, #films h1, #shortfilms h1, #videos h1 {
    color: #ff5100
}

#games h2, #films h2, #shortfilms h2, #videos h2 {
    color: #ff5100;
}

#games h4, #films h4, #shortfilms h4, #videos h4 {
    color: #c63f00;
    text-decoration: underline;
    font-weight: 200;
    margin-top: 1rem;
}

#games .lead, #films .lead, #shortfilms .lead {
    color: #d3d3d3;
}

.intro-info p {
    color: #9b9b9b;
}

.proj-item {
    margin-top: 50px;
    color: #d3d3d3;
}

.proj-item span b {
    color: #e95511;
}

.proj-item img {
    max-height: 350px;
    display: block;
    margin: 0 auto; /* Center the image horizontally */
    max-width: 100%; /* Ensure the image does not exceed its container */
    height: auto; /* Maintain the aspect ratio of the image */
    border-radius: 10px; /* Add rounded corners to the image */
    box-shadow: 0 0 20px rgba(111, 111, 111, 0.3); /* Add a subtle white shadow */
    
}

.proj-item .col-four {
    max-width: 280px;
    margin-bottom: 1rem;
}

@media only screen and (max-width:768px) {
    .proj-item {
        font-size: 1.5rem;
        line-height: 2rem;
        font-family: "lora-regular", serif;
    }

    .proj-item p { 
        margin-bottom: 1rem;
    }
    .proj-item .col-four {
        max-width: 280px;
    }
}

@media only screen and (max-width:620px) {
    .proj-item .col-four, .proj-item .col-eight {
        width: 100%;
        max-width: 100%;
    }

    .proj-item .col-four {
        text-align: center;
    }

    .intro-content .row {
        margin-top: 6.5rem;
    }

    .intro-social {
        bottom: 2.5rem;
    }
}