@media screen and (min-width: 320px) and (max-width: 374px){
    .intro {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.25em;
      }

      .doneabout {
        width: 50%;  
    }

      }


@media screen and (min-height: 450px) and (max-height: 480px){
    .aboutmsg {
        height: 27.5em;
        margin-top: 1em;
        margin-left: 0em; 
    }

    .intro { 
        margin: 1em 1em 0em 1em;
      }

      .doneabout {
        margin-top: 1.5em;
        margin-left: 3.5em;   
    }
            
      }

@media screen and (min-height: 533px) and (max-height: 568px){
    .aboutmsg {
        height: 30em;
        margin-top: 2em;
        margin-left: 0em; 
    }

    .intro { 
        margin: 1.75em 1em 0em 1em;
      }

      .doneabout {
        margin-top: 3em;
        margin-left: 3.5em;   
    }

      }

@media screen and (min-height: 600px) and (max-height: 640px){
    .aboutmsg {
        height: 36em;
        margin-top: 2em;
        margin-left: 0em; 
    }

    .intro { 
        margin: 1.75em 1em 0em 1em;
      }

      .doneabout {
        margin-top: 7em;
        margin-left: 3.5em;   
    }                
                        
      }

@media screen and (min-height: 641px) and (max-height: 660px){
    .aboutmsg {
        height: 38em;
        margin-top: 2em;
        margin-left: 0em; 
    }

    .intro { 
        margin: 1.75em 1em 0em 1em;
      }

      .doneabout {
        margin-top: 7em;
        margin-left: 3.5em;   
    }                     
                            
      }  

      @media screen and (min-height: 715px) and (max-height: 740px){
    .aboutmsg {
        height: 35em;
        margin-top: 4em;
        margin-left: 0em; 
    }

    .intro { 
        margin: 1.75em 1em 0em 1em;
      }

      .doneabout {
        margin-top: 7em;
        margin-left: 3.5em;   
    }     
    
                                
      }   
      
      @media screen and (min-height: 741px) and (max-height: 745px){
        .aboutmsg {
            height: 35em;
            margin-top: 4em;
            margin-left: 0em; 
        }
    
        .intro { 
            margin: 1.75em 1em 0em 1em;
          }
    
          .doneabout {
            margin-top: 7em;
            margin-left: 3.5em;   
        }     
        
                                    
          }