2
0
Fork 0
inspin.io/assets/style/components/heading.css

40 lines
630 B
CSS

.heading {
padding: 4rem 1.2rem 2rem 1.2rem;
h2 {
font-size: 2.5rem;
font-weight: 700;
line-height: 3.25rem;
margin: 2rem 0;
}
p {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.75rem;
margin: 0 0 0 .1rem;
}
}
@media only screen and (--viewport-4) {
.heading {
padding: 3rem 2.25rem 2rem 2.25rem;
h2 {
font-size: 2.25rem;
line-height: 2.75rem;
margin: 2rem 1rem 1rem 0;
}
p {
font-size: 1.15rem;
line-height: 1.65rem;
}
}
}
@media only screen and (--viewport-3) {
.heading {
padding: 3rem 1.5rem 2rem 1.5rem;
}
}