@media (min-width: 1024px) {     /* desktop size */

    .handbook {
        background-color: white;
        color: black;
        padding: 10px;
    }

    .section {
        margin-bottom: 40px;
        display: inline-block;
    }

    .section img {
        float: left; 
        margin-right: 10px;
    }

    .section_header h3 {
        display: inline;
        border-bottom-style: solid;
        border-bottom-width: medium;
        font-size: 18px;
    }

    .section p {
        margin-top: 5px;
    }

    .section a:link, .section a:visited {
        color: black;
    }
    
    p.example {
		color: mediumseagreen;
        font-style: italic;
		}

    table.whichsize {
        font-size: 100%;
    }

    .PTO {
        float: right;
    }
    
    table {
        border: 1px;
        border-style: solid;
        border-collapse: collapse;
    }

    td {
        border: 1px;
        border-style: solid;
    }

    .firstrowandcolumn tr:first-child {
        background-color: lightgray;	
    }

    .firstrowandcolumn td:first-child {
        background-color: lightgray;
    }

    .noborder td {
        border-width: 0px;
    }

    .section ol {
        margin-top: 0px;
    }
    
    .section ul {
        margin-top: 0px;
    }

    .section ul.spacedlist li {
        margin-bottom: 10px;
    }



}   /* end desktop size */



@media (max-width:1023px) {       /* mobile size */

    .handbook {
        background-color: white;
        color: black;
        padding: 10px;
    }

    .section {
        margin-bottom: 40px;
        display: inline-block;
    }

    .section_header {
        display: flex;
        align-items: center;
    }

    .section_header h3 {
        font-size: 18px;
    }

    .section p {
        margin-top: 5px;
    }

    .section a:link, .section a:visited {
        color: black;
    }
    
    p.example {
		color: mediumseagreen;
        font-style: italic;
		}
    
    table.whichsize {
       font-size: 60%;
    }
    
    .PTO {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    table {
        border: 1px;
        border-style: solid;
        border-collapse: collapse;
    }

    td {
        border: 1px;
        border-style: solid;
    }

    .firstrowandcolumn tr:first-child {
        background-color: lightgray;	
    }

    .firstrowandcolumn td:first-child {
        background-color: lightgray;
    }

    .noborder td {
        border-width: 0px;
    }

    .section img {
        float: left;
        margin-right: 10px;
    }

    .section ol {
        margin-top: 0px;
    }

    .section ul {
        margin-top: 0px;
    }

    .section ul.spacedlist li {
        margin-bottom: 10px;
    }



}   /* end mobile size */