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.
48 lines
1.3 KiB
48 lines
1.3 KiB
// Styling for the masthead |
|
header.masthead { |
|
text-align: center; |
|
color: $white; |
|
background-image: url("../assets/img/header-bg.jpg"); |
|
background-repeat: no-repeat; |
|
background-attachment: scroll; |
|
background-position: center center; |
|
background-size: cover; |
|
.intro-text { |
|
padding-top: 150px; |
|
padding-bottom: 100px; |
|
.intro-lead-in { |
|
font-size: 22px; |
|
font-style: italic; |
|
line-height: 22px; |
|
margin-bottom: 25px; |
|
font-family: $subheadings-font-family; |
|
} |
|
.intro-heading { |
|
font-size: 50px; |
|
font-weight: 700; |
|
line-height: 50px; |
|
margin-bottom: 25px; |
|
font-family: $headings-font-family; |
|
} |
|
} |
|
} |
|
@media (min-width: 768px) { |
|
header.masthead { |
|
.intro-text { |
|
padding-top: 300px; |
|
padding-bottom: 200px; |
|
.intro-lead-in { |
|
font-size: 40px; |
|
font-style: italic; |
|
line-height: 40px; |
|
margin-bottom: 25px; |
|
} |
|
.intro-heading { |
|
font-size: 75px; |
|
font-weight: 700; |
|
line-height: 75px; |
|
margin-bottom: 50px; |
|
} |
|
} |
|
} |
|
}
|
|
|