individual-style.css

    /* default font size for safari is 18px, so for em *18 for px */

    body {
      max-width:40em;
      text-size-adjust: 100%;
      height: 100%;
      margin-top: 0px;
      background-color: #FFFFEF;
      margin: 0 auto;
      line-height:1.6;
      color:#444;
      font-family: avenir;
      font-weight: normal;
    }

    .break1 { display: none; }

    /************************ landing section ************************/
   
    h1 {
      font-size: 2.2em;
    }


    #pdf {
      height: 100vh;
    }

    h1:hover {
      opacity: .5;
    }

    a {
      color: #B84B26;
      font-weight: bold;
      text-decoration: none;
    }

    iframe {
      display: block;

      margin: 0 auto;
    }

    .align-center {
      margin: 0 auto;
    }

    figure.thumbnail {
      margin: 0 auto;
      margin-bottom: 75px;
      width: 200px;
      height: 200px;
    }

     #detail h3 { /* heading for sections of design brief */
      font-size: 1em;

    }
    
    figure.thumbnail figcaption {
      text-align: center;
      text-decoration: none;
      font-family: helvetica;
      font-weight: medium;
      font-size: .6em;
      
    }

    img {
      max-width: 100%;
      max-height: 100%;
    }

    figure.thumbnail figcaption p {
      margin:0;
      margin-top: -.5em;

    }

    div#detail {
      width: 60vw;
      height: auto;
      display: flex;
      margin: 0 auto; 
      flex-wrap: wrap;
      flex-direction: row;
      align-content: center;
    }


    @media (min-width: 320px) and (max-device-width : 667px){
      body { 
        width: 90vw;
      }
    }