You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.3 KiB
51 lines
1.3 KiB
// Styling for the masthead |
|
header.masthead { |
|
background-image: url('../img/header-bg.jpg'); |
|
background-repeat: no-repeat; |
|
background-attachment: scroll; |
|
background-position: center center; |
|
@include background-cover; |
|
text-align: center; |
|
color: white; |
|
.intro-text { |
|
padding-top: 100px; |
|
padding-bottom: 50px; |
|
.intro-lead-in { |
|
@include serif-font; |
|
font-style: italic; |
|
font-size: 22px; |
|
line-height: 22px; |
|
margin-bottom: 25px; |
|
} |
|
.intro-heading { |
|
@include heading-font; |
|
font-weight: 700; |
|
font-size: 50px; |
|
line-height: 50px; |
|
margin-bottom: 25px; |
|
} |
|
} |
|
} |
|
|
|
@media(min-width:768px) { |
|
header.masthead { |
|
.intro-text { |
|
padding-top: 300px; |
|
padding-bottom: 200px; |
|
.intro-lead-in { |
|
@include serif-font; |
|
font-style: italic; |
|
font-size: 40px; |
|
line-height: 40px; |
|
margin-bottom: 25px; |
|
} |
|
.intro-heading { |
|
@include heading-font; |
|
font-weight: 700; |
|
font-size: 75px; |
|
line-height: 75px; |
|
margin-bottom: 50px; |
|
} |
|
} |
|
} |
|
}
|
|
|