Line 190: | Line 190: | ||
.content-section { | .content-section { | ||
padding-top: 250px; | padding-top: 250px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .intro { | ||
+ | display: table; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | padding: 100px 0; | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | background: url(../img/intro-bg.jpg) no-repeat bottom center scroll; | ||
+ | background-color: black; | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | } | ||
+ | .intro .intro-body { | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .intro .intro-body .brand-heading { | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | .intro .intro-body .intro-text { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .intro { | ||
+ | height: 100%; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .intro .intro-body .brand-heading { | ||
+ | font-size: 100px; | ||
+ | } | ||
+ | .intro .intro-body .intro-text { | ||
+ | font-size: 26px; | ||
} | } | ||
} | } |
Revision as of 01:05, 16 October 2016