#heading{
    font-size: 30px;
    text-align:right; 
    margin: 5%;
    font-family: "courier";
}
 #subHeading{
    font-size: 20px;
    text-align:right;  
    margin: 5%;
   
} 
#line{
    border-top: 5px solid  lightblue;
    margin: 5%;
  }
.img {
    width: 100px;
    height: 100px;
    max-width: 100%;
    margin-left: 1em;
    position: relative;
    top: 10%;
    margin: 5%;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;

    
  }
   

  
  @media only screen and (min-width: 800px) {
   
    .projects {
      display: flex;
      font-family: "Georgia";
      font-style: "normal";
      font-size: 1em;
      flex-wrap: wrap;
      flex-direction: row;
    }
    #header{
      display: inline-flex;
    }
  }

  h2{
    color:gray;
  }
  
  @media only screen and (min-width: 1000px) {
    
    .projects {
      display: flex;
      font-family: "Georgia";
      flex-wrap: wrap;
      flex-direction: row;
    }
  }
  
  .header {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
  }
   #headerimage {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  } 
  
  /* .headerimage {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
  } */
  
  .header {
    display:flex;
    flex-wrap: wrap;
    display: inline;