main {
    max-width: var(--max-page-width);
    display: flex;
    gap: 64px;
    padding: var(--side-spacing);
    width: 100%;
}

#details {
    flex-flow: row nowrap;
    gap: 40px;
}

/* Start mobile specific rules */
@media only screen and (max-width:850px) {
    html, body {
        padding: 0;
    }

    main {
        min-height: 100%;
        width: 100%;
        padding: calc(2 * var(--side-spacing));
        gap: 24px;
    }

    section {
        flex-flow: column;
        gap: 32px;
    }
    
    section:last-of-type {
        border-top: 1px solid var(--color-gray-1);
        padding-top: 24px;
    }
    
    #details {
        justify-content: space-evenly;
        align-items: flex-end;
        border: solid var(--color-gray-1);
        border-width: 1px 0;
        padding: 24px 0;
    }

    h1, h3, p {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}