53 lines
698 B
SCSS
53 lines
698 B
SCSS
.guide {
|
|
padding: 4rem 8rem;
|
|
|
|
.hero {
|
|
h3 { font-size: 2.5rem }
|
|
|
|
h4 {
|
|
font-size: .9rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
padding: 4rem 0;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
|
|
p {
|
|
font-size: 1.05rem;
|
|
padding: .5rem 0;
|
|
}
|
|
|
|
h4 {
|
|
padding: 1rem 0;
|
|
|
|
a {
|
|
color: $f-color;
|
|
font-size: 1.25rem;
|
|
font-weight: 600;
|
|
&:hover { cursor: text }
|
|
}
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
padding: 1rem 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.guide {
|
|
padding: 2rem .5rem;
|
|
|
|
.hero h3 {
|
|
font-size: 2.25rem;
|
|
line-height: 2.5rem;
|
|
margin: 1rem 0;
|
|
}
|
|
}
|
|
} |