body {
  position: relative;
}

section{
  padding-top: 40px;
}


  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Oswald', sans-serif;
      text-transform: uppercase;
      color:brown;
    }

.contactinfo {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.0rem;
}

.profilelist {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 0.95rem;
}

.tasklist {
  font-size: 0.9rem;
  font-weight: 495;
}

.subheading {
  font-family: 'Caladea', serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.9rem;
  color:OLIVE;
}

.projectlist {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 0.9rem;
}

#jerryphoto {
  float:right;
  width:30%;}
#programlist{ display:none;}
#hobby{display:none;}
#nav_programlist{ display:none;}
#nav_hobby{display:none;}



@media (min-width: 992px) {
  #navbar {
    display:flex;
    flex-direction: column;
    float:left;
    width:13rem;
    height:300rem;
    position:fixed;
  }
  #content{
    padding-left:14rem;
  }
}

@media (max-width: 992px) {
  #navbar {
    height:auto;
    width:100%;
    padding-bottom: 40px;
  }

  #content{
    padding-left:1rem;
  }

  #jerryphoto{
     display:none;
  }

}