.site-header{
             display: flex;
             justify-content: space-evenly;
         }
         
         
         #main{
              max-width: 85%; border: 0.2px solid grey;
              margin: auto;
              padding: 1% 2%  2% 2%;
         }
       
       a:link{
           color: blue;
       }
       
       a:active{
           color:red;
       }
       
       a:hover{
           color: green;
       }
       
       
       
  
    #h1-div{
       
       max-width: 90%; padding: 1.5%;
        
    }
    
    
    @media screen and (min-width: 750px){ #h1-div{
         max-width: 60%; padding: 1.5%;
    }}
    
    
         
         .site-header > a {
             text-decoration: none;
         }
         
         
         h2{
             color: rgba(120, 125, 18, 0.9);
             font-size: 2rem;
         }
         
         ul{
             list-style: circle;
         }
         
         
          ul > li{
              
              padding-bottom: 8px;
             
          }
         
         
          p, ul li{
              font-size: 18px;
          }
          
         
          
          
          #para-under-hero-img{
             font-family: Sans-Serif; 
             color: #350;
          }
          
          
          
          .no-style-list{
              list-style: none;
          }
          
          #main{background-color: #eff; 
              max-width: 85%; border: 0.2px solid grey;
              margin: auto;
              padding: 1% 2%  2% 2%;
          }
          figure{
              
              max-width: 90%;
          }
          
          #img{
             
              max-width: 100%;
           filter: drop-shadow(4px 4px 4px black);
          }