@media screen and (min-width: 1024px) and (max-width: 1439px){
    .navigate {

        width: 25%;
        height: 50%;
        background-color: transparent;
        margin-top: 3em;
        
    }
    
    .select {
    
        height: 2.75em;
        opacity: .7;
        font-weight: bold;
        font-size: 28px;
        margin-top: 1em;
    
    }    

      }


      @media screen and (min-height: 770px) and (max-height: 800px){
        .aboutmsg {
            height: 35em;
            width: 50%;
            margin-top: 5em;
            margin-left: 7em; 
        }
    
        .intro { 
            margin: 1em 1em 0em 1em;
            font-size: 2em;
          }
    
          .doneabout {
            margin-top: 9em;
            margin-left: 11em;   
        } 
    
          }  
          
          @media screen and (min-height: 925px) and (max-height: 950px){
            .navigate {

                width: 25%;
                height: 45%;
                margin-top: 5em;

                
            }
            
            .select {
            
                height: 3em;
                width: 100%;
                font-size: 24px;
            
            }           
                    
            .aboutmsg {
                height: 38em;
                width: 50%;
                margin-top: 5em;
                margin-left: 4.5em; 
            }
        
            .intro { 
                margin: 1em 1em 0em 1em;
                font-size: 1.9em;
              }
        
              .doneabout {
                margin-top: 10em;
                margin-left: 11em;   
            } 
        
              }