2018-07-12 17:21:42 +02:00
|
|
|
.component--mission-statement {
|
2018-10-06 00:46:08 +02:00
|
|
|
padding: 1rem 1rem 1rem 1.25rem;
|
2018-07-12 17:21:42 +02:00
|
|
|
|
2018-10-13 00:29:53 +02:00
|
|
|
background-color: rgba($lbry-teal-1, 0.3);
|
|
|
|
border-left: 0.5rem solid $lbry-teal-3;
|
2018-07-12 17:21:42 +02:00
|
|
|
line-height: 1.55;
|
2018-10-06 00:46:08 +02:00
|
|
|
margin-bottom: 1.5rem;
|
2018-07-12 17:21:42 +02:00
|
|
|
position: relative;
|
|
|
|
|
|
|
|
@media (min-width: 901px) {
|
|
|
|
font-size: 1.25rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 900px) {
|
|
|
|
font-size: 1.05rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.component--mission-statement__title {
|
2018-10-13 00:29:53 +02:00
|
|
|
color: $lbry-teal-3;
|
2018-07-12 17:21:42 +02:00
|
|
|
display: block;
|
|
|
|
letter-spacing: 0.025rem;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|