@media screen and (min-width: 900px) {
    body {
         background-color: navy;
    }
    #container {
         max-width: 850px;
         padding: 10px;
         margin: 85px auto auto auto;
    }
    #bio {
         max-width: 800px;
         margin: auto;
    }
    /* .profileInfo {
         font-size: 22px;
    } */

    .section {
         text-align: center;
         margin: 15px;
         grid-column: span 2;
         grid-row: span 4;
         padding: 10px;
         border-radius: 5px;
         box-shadow: 0px 5px 15px;
         background-color: #fffffc;
    }

    .section {
         text-align: center;
         margin: 15px;
         grid-column: span 2;
         grid-row: span 4;
         padding: 10px;
         border-radius: 5px;
         box-shadow: 0px 5px 15px;
         background-color: #fffffc;
         visibility: none;
    }

    .section h4 {
        text-decoration: underline;
        cursor: pointer;
    }

    .caption {
           margin: 10px;
           grid-column: span 2;
           grid-row: span 3;
    }

    .preview {
         max-height: 300px;
         max-width: 100%;
    }

}