Difference between revisions of "Template:Banner/styles.css"

/* styles for banner template */

.bannerbox {display:flex; flex-wrap:wrap;}
.bannerbox .floatleft {margin:0;}
.banner-image {background:transparent; display:flex; justify-content:center;flex:0 0 200px}
.banner-content {flex:2 0 auto;}
.banner-image img {height: auto;}
.bannerbox h1 {font-size:1.6em; font-weight:bold;}
.bannerbox .banner-text {font-size:1.5em; font-weight:100;}

@media only screen
  and (max-width: 600px) {
.banner-image {background:#efefef; flex:0 0 100%; padding-right:0;}
.banner-content {flex: 1 1;  text-align:center}
}