header {
   position: fixed;
   width: 100vw;
   top: 0;
   left: 0;
   background-color: #006400;
   z-index: 90;
   padding: 10px 0;
} 

 #logo {
   border-radius: 50%;
   margin-left: 7%;
   width: 90px; /* Adjust logo size dynamically */
   height: 90px;
 }

 p {
   font-size: 150%;
 }

 #foot {
   background-color: #006400;
   width: 100vw;
   bottom: 0;
   left: 0;
   padding: 10px 0;
 }
 
@media (max-width: 1024px) {
  p {
    font-size: 130%;
  }
  #logo {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 768px) {
  p {
    font-size: 110%;
  }
  #logo {
    width: 30px;
    height: 30px;
    margin-left: 5%;
  }
  header, #foot {
    padding: 5px 0;
  }
}