.summary {
    margin: 1em 0.5em;
}

/* Home section */

.home {
    display: flex;
    flex-wrap: wrap;
}

.home .section {
    flex: 0 1 100%;
    vertical-align: top;
    flex-wrap: wrap;
    border: solid #AAA 2px;
    border-radius: 10px;
    margin: 0.3em;
    padding: 0.5em 0;

    &.narrow {
       flex: 1 1 45%;
    }

    @media (max-width: 600px) {
       &.narrow {
           flex: 1 1 100%;
       }
    }
}
     
.section .title {
    font-weight: bold;
    margin: 0.6em;
    padding: 0.2em 0.4em;
    background-color: #000;
    color: #FFF;
    border-radius: 5px;

    &.note {
        background-color: #EEE;
        color: #000;
        Font-weight: bold;
    }
}

.section .item {
    display: flex;
    flex-flow: row wrap;

    .title {
        flex: 1 1 100%;
    }

    .content {
       margin: 0.5em 0.6em;
       flex: 1 1 100%;

       .blurb {
          font-size: 1.0em;
          margin: 0.0em 0;
       }
  
       .created {
           margin: 0em 0em;
           font-size: 0.8em;
       }
    }

    .pic {
        margin: 0 auto;
        padding: 0.5em 0.5em 0.5em 0em;
        flex: 1 1 100%;

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

.section .bio {
    display: flex;

    .title {
        flex: 1 0 auto;
        margin: 0.2em 0.5em;
        font-size: 1.0em;
        text-align: right;
    }

    .label {
        flex: 0 1 6em;

        .up-to-phone-portrait({
           flex: 0 1 20%;
        });

        margin: 0.2em 0.5em;
        font-weight: bold;  
     }

     .details {
          flex: 2 1 80%;
          margin: 0.2em 0.5em 0.2em 0;
     }

     .break {
          margin: 1em 0.5em 0.5em 0.5em;
     }
}

.postpic img {
   width: 100%;
}


/* Nav */

.nav {
   flex: 1 1 auto;
}