styles.css

< Template:Banner
Revision as of 16:38, 24 July 2020 by Elise (talk | contribs) (1 revision imported: imported templates)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
/* 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}
}