@media (max-width:100vw) {
    h1 {
        font-size: 4rem;
    }
  
    h2 {
        font-size: 3rem;
    }
  
    .home, .bookres , .labres , p {
        padding: 10px;
    }
  
    header h3 {
        font-size: 2rem;
    }
    ul ul a{
        text-decoration: none;
        font-size: large;
        color: #039696;
        padding-left: 20px;
    }
    ul ul a:hover{
        color: blueviolet;
    }
  }
@media (max-width: 768px) {
    h1 {
        font-size: 4rem;
    }
  
    h2 {
        font-size: 3rem;
    }
  
    .home, .bookres, .labres , p {
        padding: 10px;
    }
  
    header h3 {
        font-size: 2rem;
    }
    ul ul a{
        text-decoration: none;
        font-size: large;
        color: #039696;
        padding-left: 20px;
    }
    ul ul a:hover{
        color: blueviolet;
    }
  }
  
  @media (max-width: 480px) {
    h1 {
        font-size: 2rem;
    }
  
    h2 {
        font-size: 1.3rem;
    }
    .home, .bookres, .labres , p {
        padding: 11px;
    }
    header h3 {
        font-size: 16px;
    }
  
    ul li {
        margin-bottom: 10px;
    }
  
    ul ul a{
        text-decoration: none;
        font-size: large;
        color: #039696;
        padding-left: 20px;
    }
    ul ul a:hover{
        color: blueviolet;
        transition:all 0.3s ease;
        cursor: grabbing;
    }
  }
  h3 a{
    color: black;
    text-decoration: none;
    text-decoration: underline wavy #4dffff 2px;
    transition-property: color;
  }
  h3 a:hover{
    cursor: grabbing;
    transition:all 0.3s ease;
    color: #8836ff;
    text-decoration: underline wavy #000000 2px;
  }