@import url("main.inc.css");

/*
This stylesheet handles styles specific for about.inc.php.
It is included by index.php.


***************************
** Begin Default Styling **
*/

#work .thumb-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}

#work .menuitem {
    min-width: 296px;
    max-width: 460px;
    max-height: 258.75px;
}

#work .menuitem h2 {
    font-size: 275%;
}

#work .subtitle {
    font-size: 175%;
}

@media screen and (min-width: 735px) {

    #work .thumb-list {
        max-width: 710.6px;
    }

    #work .menuitem {
        max-width: 345.3px;
        max-height: 194.2px;
    }

} /*  End of 735px */

@media screen and (min-width: 1100px) {

    #work .thumb-list {
        max-width: 1075.9px;
    }

} /*  End of 1100px */

@media screen and (min-width: 1444px) {

    #work .thumb-list {
        max-width: 1420px;
    }

    /*  Fix for flex space-between on row with only two items.  */
    #work .thumb-list li:last-child {
        margin-left: 1%;
        margin-right: auto;
    }

} /*  End of 1444px */

@media screen and (min-width: 1920px) {

    #work .thumb-list {
        max-width: 1900px;
    }

    #work .menuitem {
        min-width: 296px;
        max-width: 460px;
        max-height: 258.75px;
    }

} /*  End of 1920px */