2017-06-17 15:28:37 +02:00
|
|
|
.wrapper {
|
2017-06-17 17:06:09 +02:00
|
|
|
@include breakpoint(small) {
|
2017-06-17 17:11:33 +02:00
|
|
|
@include padding(2em, 0);
|
2017-06-17 17:06:09 +02:00
|
|
|
}
|
2017-06-17 15:28:37 +02:00
|
|
|
|
|
|
|
> .inner {
|
|
|
|
width: 55em;
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
|
|
@include breakpoint(large) {
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
@include breakpoint(medium) {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
> p {
|
2017-06-17 15:55:15 +02:00
|
|
|
width: 40em;
|
2017-06-17 15:28:37 +02:00
|
|
|
|
|
|
|
@include breakpoint(large) {
|
2017-06-17 17:13:58 +02:00
|
|
|
width: 45em;
|
2017-06-17 15:28:37 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
@include breakpoint(medium) {
|
2017-06-17 17:13:58 +02:00
|
|
|
width: 90%;
|
2017-06-17 15:28:37 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
&.twentytwenty-before,
|
|
|
|
&.twentytwenty-after {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2017-06-17 14:09:18 +02:00
|
|
|
}
|