styles.css

/* styles for banner template */

.bannerbox {display:flex; background:#f1f3f9; }
.bannerbox .floatleft {margin:0;}

.banner-image { flex-grow:0;  flex-basis:auto;}
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%}
#content .bannerbox  h1 {font-size:1.6em;}
.bannerbox .banner-text {font-size:1.3em;}
.banner-content {padding:10px;}

@media only screen
  and (max-width: 600px) {
.bannerbox {flex-wrap:wrap;}
.banner-image {flex-basis:100%;}
.banner-image img{ width: 100%;}
.banner-content {flex-basis:100%}
}