/* Main Fonts Styling */
  body{
  font-family: Nunito;
  font-size: 1.125rem;
  color: black;
  margin:0;
  padding:0;
  }

  p {
  font-family: Nunito;
  font-size: 1.125rem;
  color: black;
  line-height:1.5em;
  margin-top:0;
  padding-top:0;
  }

  h1 {
  font-family: Nunito;
  }

  header h3{
    font-family: Bagel Fat One;
  }

  h2 {
  font-family: Nunito;
  display: block;
  font-size: 1.5rem;
  line-height:1.5em;
  font-weight: bold;
  margin-top:0;
  }

  h3 {
  font-family: Nunito;
  display: block;
  font-size: 1.25rem;
  margin: 0;
  font-weight: bold;
  }

/* Header */
  header{
    background: black;
  }

.pic{
    border-radius:50%;
}


@media all and (max-width: 786px){
    #topnav
    {
        display:none;
        visibility:hidden;}
    #hero-img{
        width:100vw;
    }
    
    #bio{
        display:flex;
        flex-direction:column !important;
        justify-items:center !important;
        text-align:center;
    }
    .pic {
        justify-items:center !important;
        justify-content:center !important;
        align-content:center !important;
        text-align:center !important;
        margin-bottom:1rem;
    }

        #portfolio-hero, #hero-container, #hero-desc {
        justify-items:center !important;
        justify-content:center !important;
        align-content:center !important;
        text-align:center !important;
        }

        footer{
            display: flex;
            flex-direction: row !important;
        }
    }