Does anyone who's CSS savy know how to make the banner background image narrower so that it fits better on mobile? I think this is the right area, not 100%
/* Banner
------------------------------------------------------------------------------------------------------*/
#icontent #banner {
padding-top: 70px;
}
.banner-content {
text-align: left;
}
.wsite-header-section,
.wsite-background {
background: @bg url(images/bg-$Color.jpg) no-repeat center center;@bg url(images/bg-$Color.jpg) no-repeat center center;
background-size: cover;
}
.wsite-header-section {
height: 520px;
}
#banner h2 {
margin: 0em auto .2em;
color: @title;
font-family: 'Lora';
font-size: 5em;
font-weight: normal;
font-style: italic;
line-height: 1.25;
}
#banner .paragraph {
margin: 0em auto 1em;
color: @title;
font-family: "Montserrat";
font-size: 1.5em;
font-weight: 500;
letter-spacing: -.015em;
}
