#showSm {display:none}
#inner{
    width: 100%;
   
}
.item {
    height:400px;
    width:100%;
    background-color: green;
    background-size: cover;
    position:relative;
    color:white;
    
}
.flag {opacity: 0.5; width:100%;position:absolute; top: -45%; left:10%; max-width:100%; z-index:-1;}


#slide1 {
    
    background-image: url("images/houseFront2.jpg"); 
    
    
}

#slide1>div{
    position: absolute;
    top:50%; 
    left: 50%;
    
    
    
}
#slide2 {
    background-image: url("images/mower.jpg");
    
}

#slide2>div{
    position: absolute;
    top:50%; 
    left: 25%;  
}

#slide3 {
    background-image: url("images/grassbg.png");
    
}

#slide3>div{
    position: absolute;
    top:10%; 
    right:15%;
    font-size: .75em;   
}
#slide3 > div > #cut {font-size: 2em;}
#cut {
    color:green;
    text-shadow: 2px 2px 5px gray;
}

/* @media screen and (max-width:982px){
   #slide1{ background-image: url("images/houseSm.jpg");} 
   
   

} */

@media screen and (max-width:500px){
    .flag {opacity: 0.5; width:100%;position:absolute; top: 5%; left:10%; max-width:100%; z-index:-1;}
    #slide3>div {
        top: 5%;
        right:5%;
    }
    #show {display:none}
    #showSm {display:block}
   
}