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

    .doneabout {
      width: 50%;  
  }
    
      }

@media screen and (min-height: 640px) and (max-height: 667px){
      .aboutmsg {
          height: 35em;
          margin-top: 2.5em;
          margin-left: 0em; 
      }
  
      .intro { 
          margin: 1em 1em 0em 1em;
        }
  
        .doneabout {
          margin-top: 7.5em;
          margin-left: 4em;   
      }        

                    
      }   
      
@media screen and (min-height: 710px) and (max-height: 736px){
  .doneabout {
      margin-top: 7.5em;
      margin-left: 4em;
}
}      
@media screen and (min-height: 750px) and (max-height: 786px){
    .aboutmsg {
      height: 35em;
      margin-top: 2.5em;
      margin-left: 0em; 
  }

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

    .doneabout {
      margin-top: 7.5em;
      margin-left: 4em;   
  }
                       
      }

      @media screen and (min-height: 787px) and (max-height: 812px){
        .aboutmsg {
          height: 35em;
          margin-top: 2.5em;
          margin-left: 0em; 
      }
    
      .intro { 
          margin: 1em 1em 0em 1em;
        }
    
        .doneabout {
          margin-top: 7.5em;
          margin-left: 4em;   
      }                    
          }      


@media screen and (min-height: 823px) and (max-height: 844px){
    .aboutmsg {
      height: 35em;
      margin-top: 2.5em;
      margin-left: 0em; 
  }

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

    .doneabout {
      margin-top: 7.5em;
      margin-left: 4em;   
  }
    
            
      }

      @media screen and (min-height: 845px) and (max-height: 851px){
        .aboutmsg {
          height: 38em;
          margin-top: 2.5em;
          margin-left: 0em; 
      }
    
      .intro { 
          margin: 1em 1em 0em 1em;
        }
    
        .doneabout {
          margin-top: 7.5em;
          margin-left: 4em;   
      }
    
            
          }

@media screen and (min-height: 875px) and (max-height: 896px){
    .aboutmsg {
      height: 28em;
      margin-top: 3em;
      margin-left: 0em; 
  }

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

    .doneabout {
      margin-top: 5em;
      margin-left: 4em;   
  }     

        
      }

      @media screen and (min-height: 897px) and (max-height: 915px){
        .aboutmsg {
          height: 28em;
          margin-top: 3em;
          margin-left: 0em; 
      }
    
      .intro { 
          margin: 1em 1em 0em 1em;
        }
    
        .doneabout {
          margin-top: 5em;
          margin-left: 4em;   
      }
    
            
          }