.barn {
color:#FFF;
}
.barn:hover {
color:#000; 
}
@media screen and (min-width: 970px){
    .msh{
      height:300px;
      }
  }
  @media screen and (max-width: 970px){
    .msh {
      height:700px;
    }
    
  }
  @media screen and (min-width: 970px){
   .ms_hed {
         height: 100vh;
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         margin-bottom: 0px;
         padding-left: 0px;
         padding-right: 0px;
         padding-bottom: 0px; 
        
      }
  }
  
  @media screen and (max-width: 970px){
    body{
        margin: 0px;
        padding: 0px;
    }
    .ms_hed {
       height: 100vh;
       width: 104%;
       margin-left: 0px;
       margin-right: 0px;
       margin-bottom: 0px;
       padding-left: 0px;
       padding-right: 0px;
       padding-bottom: 0px; 
    }
    
  }

  @media screen and (min-width: 570px){
    .msh1{
      height:250px;
      }
  }
  @media screen and (max-width: 570px){
    .msh1 {
      height:500px;
    }
    
  }

  @media screen and (min-width: 970px){
    .msh3{
      display:none;
      }
  }

  @media screen and (max-width: 970px){
    .msh2 {
     display:none; 
    }
    
  }