Line 128: | Line 128: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
+ | |||
+ | body { | ||
+ | margin-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ | ||
+ | } | ||
+ | |||
+ | .header-image { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | background: url('http://placehold.it/1900x500') no-repeat center center scroll; | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | } | ||
+ | |||
+ | .headline { | ||
+ | padding: 120px 0; | ||
+ | } | ||
+ | |||
+ | .headline h1 { | ||
+ | font-size: 130px; | ||
+ | background: #fff; | ||
+ | background: rgba(255,255,255,0.9); | ||
+ | } | ||
+ | |||
+ | .headline h2 { | ||
+ | font-size: 77px; | ||
+ | background: #fff; | ||
+ | background: rgba(255,255,255,0.9); | ||
+ | } | ||
+ | |||
+ | .featurette-divider { | ||
+ | margin: 80px 0; | ||
+ | } | ||
+ | |||
+ | .featurette { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .featurette-image.pull-left { | ||
+ | margin-right: 40px; | ||
+ | } | ||
+ | |||
+ | .featurette-image.pull-right { | ||
+ | margin-left: 40px; | ||
+ | } | ||
+ | |||
+ | .featurette-heading { | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | margin: 50px 0; | ||
+ | } | ||
+ | |||
+ | @media(max-width:1200px) { | ||
+ | .headline h1 { | ||
+ | font-size: 140px; | ||
+ | } | ||
+ | |||
+ | .headline h2 { | ||
+ | font-size: 63px; | ||
+ | } | ||
+ | |||
+ | .featurette-divider { | ||
+ | margin: 50px 0; | ||
+ | } | ||
+ | |||
+ | .featurette-image.pull-left { | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | |||
+ | .featurette-image.pull-right { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | |||
+ | .featurette-heading { | ||
+ | font-size: 35px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media(max-width:991px) { | ||
+ | .headline h1 { | ||
+ | font-size: 105px; | ||
+ | } | ||
+ | |||
+ | .headline h2 { | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | |||
+ | .featurette-divider { | ||
+ | margin: 40px 0; | ||
+ | } | ||
+ | |||
+ | .featurette-image { | ||
+ | max-width: 50%; | ||
+ | } | ||
+ | |||
+ | .featurette-image.pull-left { | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .featurette-image.pull-right { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .featurette-heading { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media(max-width:768px) { | ||
+ | .container { | ||
+ | margin: 0 15px; | ||
+ | } | ||
+ | |||
+ | .featurette-divider { | ||
+ | margin: 40px 0; | ||
+ | } | ||
+ | |||
+ | .featurette-heading { | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media(max-width:668px) { | ||
+ | .headline h1 { | ||
+ | font-size: 70px; | ||
+ | } | ||
+ | |||
+ | .headline h2 { | ||
+ | font-size: 32px; | ||
+ | } | ||
+ | |||
+ | .featurette-divider { | ||
+ | margin: 30px 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media(max-width:640px) { | ||
+ | .headline { | ||
+ | padding: 75px 0 25px 0; | ||
+ | } | ||
+ | |||
+ | .headline h1 { | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | |||
+ | .headline h2 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media(max-width:375px) { | ||
+ | .featurette-divider { | ||
+ | margin: 10px 0; | ||
+ | } | ||
+ | |||
+ | .featurette-image { | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | .featurette-image.pull-left { | ||
+ | margin-right: 0; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .featurette-image.pull-right { | ||
+ | margin-bottom: 10px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | } | ||
</style> | </style> |
Revision as of 04:55, 21 June 2017