62 lines
989 B
SCSS
62 lines
989 B
SCSS
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.goudy {
|
|
font-family: 'Goudy Bookletter 1911', serif;
|
|
}
|
|
|
|
.headline-lg {
|
|
font-size: 35px;
|
|
line-height: 35px;
|
|
|
|
@include media-breakpoint-up(md) {
|
|
font-size: 70px;
|
|
line-height: 70px;
|
|
}
|
|
}
|
|
|
|
.cta-button {
|
|
margin-bottom: 0;
|
|
|
|
a {
|
|
background-color: $c-navy;
|
|
color: $c-white;
|
|
display: inline-flex ;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 52px;
|
|
width: 360px;
|
|
max-width: 100%;
|
|
border-radius: 42px;
|
|
transition: all $transition-time ease;
|
|
|
|
&:hover {
|
|
background-color: $c-tan;
|
|
}
|
|
}
|
|
|
|
&.gold {
|
|
a {
|
|
background-color: $c-tan;
|
|
|
|
&:hover {
|
|
background-color: $c-navy;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.watch-vp {
|
|
opacity: 0;
|
|
transition: opacity $transition-time-slow ease;
|
|
|
|
&.visible {
|
|
opacity: 1;
|
|
}
|
|
}
|