#content {
    padding: 0 !important;

    #cover {
        width: 100%;
        aspect-ratio: 4/1;

        background-size: cover;
        background-position: center;
        background-image: linear-gradient(#00000000, var(--background)), url("https://cdn.rileydeman.com/portfolio/img/cover-projects.png");

        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: .75% 1%;

        @media screen and (max-width: 767px) {
            aspect-ratio: 2/1;
        }
    }

    #top {
        display: flex;

        #left {
            width: 75%;

            #titleDiv {
                padding: 2.5% 2% .5%;

                @media screen and (max-width: 767px) {
                    padding: 5% 4%;
                }

                P {
                    font-family: oswald;
                    font-size: 1.25rem;

                    @media screen and (max-width: 767px) {
                        font-size: 1rem;
                    }

                    &:before {
                        content: "///";
                        margin-right: .5%;
                        color: var(--subParagraph);
                        font-family: maroco;
                        font-size: 1.2rem;

                        @media screen and (max-width: 767px) {
                            margin-right: 1.5%;
                        }
                    }
                }
            }
        }

        #right {
            width: 25%;
            padding: 2%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
    }
}