/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .hero
    {
        background-image: linear-gradient(to right , rgba(255,255,255,0.8) ,rgba(255,255,255,0.8)),url(../images/hero/hero1.png);
        background-position: right;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .getintouch
    {
        background-image: linear-gradient(to right, white 75%,white 25%);
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
}