.hero{background:var(--cl-blue) url(../images/deco_int.svg) scroll no-repeat right center; padding:30px;}
.hero.no-img{background:var(--cl-blue);}

h1{font-size:130%; color:#fff;}
.hero.no-img h1{text-align:center;}

.content{padding:30px;}

@media all and (min-width:782px){
    .hero, .hero.no-img{background:transparent; color:var(--cl-blue); padding:0;}
    h1{font-size:130%; color:var(--cl-blue);}
}