@charset "UTF-8";
  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display: none
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
mark {
background: #ff0;
color: #000
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}
button,
input {
line-height: normal
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
blockquote,
caption,
dd,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
margin: 0;
padding: 0
}
abbr[title],
dfn[title] {
cursor: help
}
ins,
u {
text-decoration: none
}
ins {
border-bottom: 1px solid
}
img {
font-style: italic
}
button,
label,
option,
select {
cursor: pointer
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
cursor: text;
outline: 0
}
.cf:after,
.island:after,
.islet:after,
.media:after,
.nav:after {
content: "";
display: table;
clear: both
}
.form-fields>li,
.island,
.islet,
.media,
address,
blockquote,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
ol,
p,
pre,
table,
ul {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.islet .form-fields>li,
.islet .island,
.islet .islet,
.islet .media,
.islet address,
.islet blockquote,
.islet dl,
.islet fieldset,
.islet figure,
.islet h1,
.islet h2,
.islet h3,
.islet h4,
.islet h5,
.islet h6,
.islet hgroup,
.islet ol,
.islet p,
.islet pre,
.islet table,
.islet ul {
margin-bottom: 12px;
margin-bottom: .75rem
}
.landmark {
margin-bottom: 48px;
margin-bottom: 3rem
}
hr {
margin-bottom: 22px;
margin-bottom: 1.375rem
}
dd,
ol,
ul {
margin-left: 48px;
margin-left: 3rem
}
html {
font: 1em/1.5 Lato, sans-serif;
overflow-y: scroll;
min-height: 100%
}
.alpha,
h1 {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.33333
}
.beta,
h2 {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.6
}
.gamma,
h3 {
font-size: 24px;
font-size: 1.5rem;
line-height: 1
}
.delta,
h4 {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2
}
.epsilon,
h5 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333
}
.zeta,
h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.5
}
hgroup .hN {
margin-bottom: 0
}
.giga {
font-size: 76px;
font-size: 4.75rem;
line-height: 1.26316
}
.mega {
font-size: 62px;
font-size: 3.875rem;
line-height: 1.16129
}
.kilo {
font-size: 42px;
font-size: 2.625rem;
line-height: 1.14286
}
.lead,
.lede {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333
}
.milli,
.smallprint {
font-size: 12px;
font-size: .75rem;
line-height: 2
}
.micro {
font-size: 10px;
font-size: .625rem;
line-height: 2.4
}
q {
quotes: "\2018" "\2019" "\201C" "\201D"
}
q:before {
content: "\2018";
content: open-quote
}
q:after {
content: "\2019";
content: close-quote
}
q q:before {
content: "\201C";
content: open-quote
}
q q:after {
content: "\201D";
content: close-quote
}
blockquote {
quotes: "\201C" "\201D"
}
blockquote p:before {
content: "\201C";
content: open-quote
}
blockquote p:after {
content: "";
content: no-close-quote
}
blockquote p:last-of-type:after {
content: "\201D";
content: close-quote
}
blockquote q:before {
content: "\2018";
content: open-quote
}
blockquote q:after {
content: "\2019";
content: close-quote
}
blockquote {
text-indent: -.41em
}
blockquote p:last-of-type {
margin-bottom: 0
}
.source {
display: block;
text-indent: 0
}
.source:before {
content: "\2014"
}
pre {
overflow: auto
}
pre mark {
background: 0 0;
border-bottom: 1px solid;
color: inherit
}
.code-comment {
opacity: .75
}
.line-numbers {
font-family: monospace, serif;
list-style: decimal-leading-zero inside;
white-space: nowrap;
overflow: auto;
margin-left: 0
}
.line-numbers code {
white-space: pre
}
img {
max-width: 100%
}
img[height],
img[width] {
max-width: none
}
.img--round {
border-radius: 4px
}
.img--right {
float: right;
margin-bottom: 24px;
margin-left: 24px
}
.img--left {
float: left;
margin-right: 24px;
margin-bottom: 24px
}
.img--center {
display: block;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto
}
.img--short {
height: 120px
}
.img--medium {
height: 240px
}
.img--tall {
height: 360px
}
figure>img {
display: block
}
li>ol,
li>ul {
margin-bottom: 0
}
.numbered-list {
list-style-type: decimal
}
table {
width: 100%
}
td,
th {
padding: 6px;
text-align: left
}
@media screen and (min-width:480px) {
td,
th {
padding: 12px
}
}
[colspan] {
text-align: center
}
[colspan="1"] {
text-align: left
}
[rowspan] {
vertical-align: middle
}
[rowspan="1"] {
vertical-align: top
}
.numerical {
text-align: right
}
.t5 {
width: 5%
}
.t10 {
width: 10%
}
.t12 {
width: 12.5%
}
.t15 {
width: 15%
}
.t20 {
width: 20%
}
.t25 {
width: 25%
}
.t30 {
width: 30%
}
.t33 {
width: 33.333%
}
.t35 {
width: 35%
}
.t37 {
width: 37.5%
}
.t40 {
width: 40%
}
.t45 {
width: 45%
}
.t50 {
width: 50%
}
.t55 {
width: 55%
}
.t60 {
width: 60%
}
.t62 {
width: 62.5%
}
.t65 {
width: 65%
}
.t66 {
width: 66.666%
}
.t70 {
width: 70%
}
.t75 {
width: 75%
}
.t80 {
width: 80%
}
.t85 {
width: 85%
}
.t87 {
width: 87.5%
}
.t90 {
width: 90%
}
.t95 {
width: 95%
}
.table--bordered td,
.table--bordered th {
border: 1px solid #888
}
.table--bordered td:empty,
.table--bordered th:empty {
border: none
}
.table--bordered thead tr:last-child th {
border-bottom-width: 2px
}
.table--bordered tbody tr th:last-of-type {
border-right-width: 2px
}
.table--striped tbody tr:nth-of-type(odd) {
background-color: #ffc
}
.table--data {
font: 12px/1.5 sans-serif
}
fieldset {
padding: 24px
}
.form-fields {
list-style: none;
margin: 0
}
.form-fields>li:last-child {
margin-bottom: 0
}
.label,
label {
display: block
}
.additional {
display: block;
font-weight: 400
}
.check-list {
list-style: none;
margin: 0
}
.check-label,
.check-list .label,
.check-list label {
display: inline-block
}
.spoken-form label {
display: inline-block;
font: inherit
}
.extra-help {
display: inline-block;
visibility: hidden
}
.text-input:active+.extra-help,
.text-input:focus+.extra-help {
visibility: visible
}
* .grid {
margin-left: -24px;
list-style: none;
margin-bottom: 0
}
.grid>.grid {
margin-left: 0
}
.grid__item {
display: inline-block;
width: 100%;
padding-left: 24px;
vertical-align: top
}
.nav {
list-style: none;
margin-left: 0
}
.nav>li,
.nav>li>a {
display: inline-block;
zoom: 1
}
.nav--stacked>li {
display: list-item
}
.nav--stacked>li>a {
display: block
}
.nav--banner {
text-align: center
}
.nav--block {
line-height: 1;
letter-spacing: -.31em;
word-spacing: -.43em;
white-space: nowrap
}
.nav--block>li {
letter-spacing: normal;
word-spacing: normal
}
.nav--block>li>a {
padding: 12px
}
.nav--fit {
display: table;
width: 100%
}
.nav--fit>li {
display: table-cell
}
.nav--fit>li>a {
display: block
}
.nav--keywords>li:after {
content: "\002C" "\00A0"
}
.nav--keywords>li:last-child:after {
display: none
}
.breadcrumb>li+li:before {
content: "\00BB" "\00A0"
}
.breadcrumb--path>li+li:before {
content: "\002F" "\00A0"
}
.breadcrumb>li+li[data-breadcrumb]:before {
content: attr(data-breadcrumb) "\00A0"
}
.breadcrumb__root {
font-weight: 700
}
.media {
display: block
}
.media__img {
float: left;
margin-right: 24px
}
.media__img--rev {
float: right;
margin-left: 24px
}
.media__img img,
.media__img--rev img {
display: block
}
.media__body {
overflow: hidden
}
.media__body,
.media__body>:last-child {
margin-bottom: 0
}
.islet .media__img {
margin-right: 12px
}
.islet .media__img--rev {
margin-left: 12px
}
.island,
.islet {
display: block
}
.island {
padding: 24px
}
.island>:last-child,
.islet>:last-child {
margin-bottom: 0
}
.islet {
padding: 12px
}
.one-whole {
width: 100%
}
.five-tenths,
.four-eighths,
.one-half,
.six-twelfths,
.three-sixths,
.two-quarters {
width: 50%
}
.four-twelfths,
.one-third,
.two-sixths {
width: 33.333%
}
.eight-twelfths,
.four-sixths,
.two-thirds {
width: 66.666%
}
.one-quarter,
.three-twelfths,
.two-eighths {
width: 25%
}
.nine-twelfths,
.six-eighths,
.three-quarters {
width: 75%
}
.one-fifth,
.two-tenths {
width: 20%
}
.four-tenths,
.two-fifths {
width: 40%
}
.six-tenths,
.three-fifths {
width: 60%
}
.eight-tenths,
.four-fifths {
width: 80%
}
.one-sixth,
.two-twelfths {
width: 16.666%
}
.five-sixths,
.ten-twelfths {
width: 83.333%
}
.one-eighth {
width: 12.5%
}
.three-eighths {
width: 37.5%
}
.five-eighths {
width: 62.5%
}
.seven-eighths {
width: 87.5%
}
.one-tenth {
width: 10%
}
.three-tenths {
width: 30%
}
.seven-tenths {
width: 70%
}
.nine-tenths {
width: 90%
}
.one-twelfth {
width: 8.333%
}
.five-twelfths {
width: 41.666%
}
.seven-twelfths {
width: 58.333%
}
.eleven-twelfths {
width: 91.666%
}
@media only screen and (max-width:480px) {
.palm-one-whole {
width: 100%
}
.palm-five-tenths,
.palm-four-eighths,
.palm-one-half,
.palm-six-twelfths,
.palm-three-sixths,
.palm-two-quarters {
width: 50%
}
.palm-four-twelfths,
.palm-one-third,
.palm-two-sixths {
width: 33.333%
}
.palm-eight-twelfths,
.palm-four-sixths,
.palm-two-thirds {
width: 66.666%
}
.palm-one-quarter,
.palm-three-twelfths,
.palm-two-eighths {
width: 25%
}
.palm-nine-twelfths,
.palm-six-eighths,
.palm-three-quarters {
width: 75%
}
.palm-one-fifth,
.palm-two-tenths {
width: 20%
}
.palm-four-tenths,
.palm-two-fifths {
width: 40%
}
.palm-six-tenths,
.palm-three-fifths {
width: 60%
}
.palm-eight-tenths,
.palm-four-fifths {
width: 80%
}
.palm-one-sixth,
.palm-two-twelfths {
width: 16.666%
}
.palm-five-sixths,
.palm-ten-twelfths {
width: 83.333%
}
.palm-one-eighth {
width: 12.5%
}
.palm-three-eighths {
width: 37.5%
}
.palm-five-eighths {
width: 62.5%
}
.palm-seven-eighths {
width: 87.5%
}
.palm-one-tenth {
width: 10%
}
.palm-three-tenths {
width: 30%
}
.palm-seven-tenths {
width: 70%
}
.palm-nine-tenths {
width: 90%
}
.palm-one-twelfth {
width: 8.333%
}
.palm-five-twelfths {
width: 41.666%
}
.palm-seven-twelfths {
width: 58.333%
}
.palm-eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width:481px) and (max-width:1023px) {
.lap-one-whole {
width: 100%
}
.lap-five-tenths,
.lap-four-eighths,
.lap-one-half,
.lap-six-twelfths,
.lap-three-sixths,
.lap-two-quarters {
width: 50%
}
.lap-four-twelfths,
.lap-one-third,
.lap-two-sixths {
width: 33.333%
}
.lap-eight-twelfths,
.lap-four-sixths,
.lap-two-thirds {
width: 66.666%
}
.lap-one-quarter,
.lap-three-twelfths,
.lap-two-eighths {
width: 25%
}
.lap-nine-twelfths,
.lap-six-eighths,
.lap-three-quarters {
width: 75%
}
.lap-one-fifth,
.lap-two-tenths {
width: 20%
}
.lap-four-tenths,
.lap-two-fifths {
width: 40%
}
.lap-six-tenths,
.lap-three-fifths {
width: 60%
}
.lap-eight-tenths,
.lap-four-fifths {
width: 80%
}
.lap-one-sixth,
.lap-two-twelfths {
width: 16.666%
}
.lap-five-sixths,
.lap-ten-twelfths {
width: 83.333%
}
.lap-one-eighth {
width: 12.5%
}
.lap-three-eighths {
width: 37.5%
}
.lap-five-eighths {
width: 62.5%
}
.lap-seven-eighths {
width: 87.5%
}
.lap-one-tenth {
width: 10%
}
.lap-three-tenths {
width: 30%
}
.lap-seven-tenths {
width: 70%
}
.lap-nine-tenths {
width: 90%
}
.lap-one-twelfth {
width: 8.333%
}
.lap-five-twelfths {
width: 41.666%
}
.lap-seven-twelfths {
width: 58.333%
}
.lap-eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width:481px) {
.lap-and-up-one-whole {
width: 100%
}
.lap-and-up-five-tenths,
.lap-and-up-four-eighths,
.lap-and-up-one-half,
.lap-and-up-six-twelfths,
.lap-and-up-three-sixths,
.lap-and-up-two-quarters {
width: 50%
}
.lap-and-up-four-twelfths,
.lap-and-up-one-third,
.lap-and-up-two-sixths {
width: 33.333%
}
.lap-and-up-eight-twelfths,
.lap-and-up-four-sixths,
.lap-and-up-two-thirds {
width: 66.666%
}
.lap-and-up-one-quarter,
.lap-and-up-three-twelfths,
.lap-and-up-two-eighths {
width: 25%
}
.lap-and-up-nine-twelfths,
.lap-and-up-six-eighths,
.lap-and-up-three-quarters {
width: 75%
}
.lap-and-up-one-fifth,
.lap-and-up-two-tenths {
width: 20%
}
.lap-and-up-four-tenths,
.lap-and-up-two-fifths {
width: 40%
}
.lap-and-up-six-tenths,
.lap-and-up-three-fifths {
width: 60%
}
.lap-and-up-eight-tenths,
.lap-and-up-four-fifths {
width: 80%
}
.lap-and-up-one-sixth,
.lap-and-up-two-twelfths {
width: 16.666%
}
.lap-and-up-five-sixths,
.lap-and-up-ten-twelfths {
width: 83.333%
}
.lap-and-up-one-eighth {
width: 12.5%
}
.lap-and-up-three-eighths {
width: 37.5%
}
.lap-and-up-five-eighths {
width: 62.5%
}
.lap-and-up-seven-eighths {
width: 87.5%
}
.lap-and-up-one-tenth {
width: 10%
}
.lap-and-up-three-tenths {
width: 30%
}
.lap-and-up-seven-tenths {
width: 70%
}
.lap-and-up-nine-tenths {
width: 90%
}
.lap-and-up-one-twelfth {
width: 8.333%
}
.lap-and-up-five-twelfths {
width: 41.666%
}
.lap-and-up-seven-twelfths {
width: 58.333%
}
.lap-and-up-eleven-twelfths {
width: 91.666%
}
}
@media only screen and (max-width:1023px) {
.portable-one-whole {
width: 100%
}
.portable-five-tenths,
.portable-four-eighths,
.portable-one-half,
.portable-six-twelfths,
.portable-three-sixths,
.portable-two-quarters {
width: 50%
}
.portable-four-twelfths,
.portable-one-third,
.portable-two-sixths {
width: 33.333%
}
.portable-eight-twelfths,
.portable-four-sixths,
.portable-two-thirds {
width: 66.666%
}
.portable-one-quarter,
.portable-three-twelfths,
.portable-two-eighths {
width: 25%
}
.portable-nine-twelfths,
.portable-six-eighths,
.portable-three-quarters {
width: 75%
}
.portable-one-fifth,
.portable-two-tenths {
width: 20%
}
.portable-four-tenths,
.portable-two-fifths {
width: 40%
}
.portable-six-tenths,
.portable-three-fifths {
width: 60%
}
.portable-eight-tenths,
.portable-four-fifths {
width: 80%
}
.portable-one-sixth,
.portable-two-twelfths {
width: 16.666%
}
.portable-five-sixths,
.portable-ten-twelfths {
width: 83.333%
}
.portable-one-eighth {
width: 12.5%
}
.portable-three-eighths {
width: 37.5%
}
.portable-five-eighths {
width: 62.5%
}
.portable-seven-eighths {
width: 87.5%
}
.portable-one-tenth {
width: 10%
}
.portable-three-tenths {
width: 30%
}
.portable-seven-tenths {
width: 70%
}
.portable-nine-tenths {
width: 90%
}
.portable-one-twelfth {
width: 8.333%
}
.portable-five-twelfths {
width: 41.666%
}
.portable-seven-twelfths {
width: 58.333%
}
.portable-eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width:1024px) {
.desk-one-whole {
width: 100%
}
.desk-five-tenths,
.desk-four-eighths,
.desk-one-half,
.desk-six-twelfths,
.desk-three-sixths,
.desk-two-quarters {
width: 50%
}
.desk-four-twelfths,
.desk-one-third,
.desk-two-sixths {
width: 33.333%
}
.desk-eight-twelfths,
.desk-four-sixths,
.desk-two-thirds {
width: 66.666%
}
.desk-one-quarter,
.desk-three-twelfths,
.desk-two-eighths {
width: 25%
}
.desk-nine-twelfths,
.desk-six-eighths,
.desk-three-quarters {
width: 75%
}
.desk-one-fifth,
.desk-two-tenths {
width: 20%
}
.desk-four-tenths,
.desk-two-fifths {
width: 40%
}
.desk-six-tenths,
.desk-three-fifths {
width: 60%
}
.desk-eight-tenths,
.desk-four-fifths {
width: 80%
}
.desk-one-sixth,
.desk-two-twelfths {
width: 16.666%
}
.desk-five-sixths,
.desk-ten-twelfths {
width: 83.333%
}
.desk-one-eighth {
width: 12.5%
}
.desk-three-eighths {
width: 37.5%
}
.desk-five-eighths {
width: 62.5%
}
.desk-seven-eighths {
width: 87.5%
}
.desk-one-tenth {
width: 10%
}
.desk-three-tenths {
width: 30%
}
.desk-seven-tenths {
width: 70%
}
.desk-nine-tenths {
width: 90%
}
.desk-one-twelfth {
width: 8.333%
}
.desk-five-twelfths {
width: 41.666%
}
.desk-seven-twelfths {
width: 58.333%
}
.desk-eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width:1200px) {
.desk-wide-one-whole {
width: 100%
}
.desk-wide-five-tenths,
.desk-wide-four-eighths,
.desk-wide-one-half,
.desk-wide-six-twelfths,
.desk-wide-three-sixths,
.desk-wide-two-quarters {
width: 50%
}
.desk-wide-four-twelfths,
.desk-wide-one-third,
.desk-wide-two-sixths {
width: 33.333%
}
.desk-wide-eight-twelfths,
.desk-wide-four-sixths,
.desk-wide-two-thirds {
width: 66.666%
}
.desk-wide-one-quarter,
.desk-wide-three-twelfths,
.desk-wide-two-eighths {
width: 25%
}
.desk-wide-nine-twelfths,
.desk-wide-six-eighths,
.desk-wide-three-quarters {
width: 75%
}
.desk-wide-one-fifth,
.desk-wide-two-tenths {
width: 20%
}
.desk-wide-four-tenths,
.desk-wide-two-fifths {
width: 40%
}
.desk-wide-six-tenths,
.desk-wide-three-fifths {
width: 60%
}
.desk-wide-eight-tenths,
.desk-wide-four-fifths {
width: 80%
}
.desk-wide-one-sixth,
.desk-wide-two-twelfths {
width: 16.666%
}
.desk-wide-five-sixths,
.desk-wide-ten-twelfths {
width: 83.333%
}
.desk-wide-one-eighth {
width: 12.5%
}
.desk-wide-three-eighths {
width: 37.5%
}
.desk-wide-five-eighths {
width: 62.5%
}
.desk-wide-seven-eighths {
width: 87.5%
}
.desk-wide-one-tenth {
width: 10%
}
.desk-wide-three-tenths {
width: 30%
}
.desk-wide-seven-tenths {
width: 70%
}
.desk-wide-nine-tenths {
width: 90%
}
.desk-wide-one-twelfth {
width: 8.333%
}
.desk-wide-five-twelfths {
width: 41.666%
}
.desk-wide-seven-twelfths {
width: 58.333%
}
.desk-wide-eleven-twelfths {
width: 91.666%
}
}
.push--one-whole {
left: 100%
}
.push--five-tenths,
.push--four-eighths,
.push--one-half,
.push--six-twelfths,
.push--three-sixths,
.push--two-quarters {
left: 50%
}
.push--four-twelfths,
.push--one-third,
.push--two-sixths {
left: 33.333%
}
.push--eight-twelfths,
.push--four-sixths,
.push--two-thirds {
left: 66.666%
}
.push--one-quarter,
.push--three-twelfths,
.push--two-eighths {
left: 25%
}
.push--nine-twelfths,
.push--six-eighths,
.push--three-quarters {
left: 75%
}
.push--one-fifth,
.push--two-tenths {
left: 20%
}
.push--four-tenths,
.push--two-fifths {
left: 40%
}
.push--six-tenths,
.push--three-fifths {
left: 60%
}
.push--eight-tenths,
.push--four-fifths {
left: 80%
}
.push--one-sixth,
.push--two-twelfths {
left: 16.666%
}
.push--five-sixths,
.push--ten-twelfths {
left: 83.333%
}
.push--one-eighth {
left: 12.5%
}
.push--three-eighths {
left: 37.5%
}
.push--five-eighths {
left: 62.5%
}
.push--seven-eighths {
left: 87.5%
}
.push--one-tenth {
left: 10%
}
.push--three-tenths {
left: 30%
}
.push--seven-tenths {
left: 70%
}
.push--nine-tenths {
left: 90%
}
.push--one-twelfth {
left: 8.333%
}
.push--five-twelfths {
left: 41.666%
}
.push--seven-twelfths {
left: 58.333%
}
.push--eleven-twelfths {
left: 91.666%
}
[class*=push--] {
position: relative
}
@media only screen and (max-width:480px) {
.push--palm-one-whole {
left: 100%
}
.push--palm-five-tenths,
.push--palm-four-eighths,
.push--palm-one-half,
.push--palm-six-twelfths,
.push--palm-three-sixths,
.push--palm-two-quarters {
left: 50%
}
.push--palm-four-twelfths,
.push--palm-one-third,
.push--palm-two-sixths {
left: 33.333%
}
.push--palm-eight-twelfths,
.push--palm-four-sixths,
.push--palm-two-thirds {
left: 66.666%
}
.push--palm-one-quarter,
.push--palm-three-twelfths,
.push--palm-two-eighths {
left: 25%
}
.push--palm-nine-twelfths,
.push--palm-six-eighths,
.push--palm-three-quarters {
left: 75%
}
.push--palm-one-fifth,
.push--palm-two-tenths {
left: 20%
}
.push--palm-four-tenths,
.push--palm-two-fifths {
left: 40%
}
.push--palm-six-tenths,
.push--palm-three-fifths {
left: 60%
}
.push--palm-eight-tenths,
.push--palm-four-fifths {
left: 80%
}
.push--palm-one-sixth,
.push--palm-two-twelfths {
left: 16.666%
}
.push--palm-five-sixths,
.push--palm-ten-twelfths {
left: 83.333%
}
.push--palm-one-eighth {
left: 12.5%
}
.push--palm-three-eighths {
left: 37.5%
}
.push--palm-five-eighths {
left: 62.5%
}
.push--palm-seven-eighths {
left: 87.5%
}
.push--palm-one-tenth {
left: 10%
}
.push--palm-three-tenths {
left: 30%
}
.push--palm-seven-tenths {
left: 70%
}
.push--palm-nine-tenths {
left: 90%
}
.push--palm-one-twelfth {
left: 8.333%
}
.push--palm-five-twelfths {
left: 41.666%
}
.push--palm-seven-twelfths {
left: 58.333%
}
.push--palm-eleven-twelfths {
left: 91.666%
}
}
@media only screen and (min-width:481px) and (max-width:1023px) {
.push--lap-one-whole {
left: 100%
}
.push--lap-five-tenths,
.push--lap-four-eighths,
.push--lap-one-half,
.push--lap-six-twelfths,
.push--lap-three-sixths,
.push--lap-two-quarters {
left: 50%
}
.push--lap-four-twelfths,
.push--lap-one-third,
.push--lap-two-sixths {
left: 33.333%
}
.push--lap-eight-twelfths,
.push--lap-four-sixths,
.push--lap-two-thirds {
left: 66.666%
}
.push--lap-one-quarter,
.push--lap-three-twelfths,
.push--lap-two-eighths {
left: 25%
}
.push--lap-nine-twelfths,
.push--lap-six-eighths,
.push--lap-three-quarters {
left: 75%
}
.push--lap-one-fifth,
.push--lap-two-tenths {
left: 20%
}
.push--lap-four-tenths,
.push--lap-two-fifths {
left: 40%
}
.push--lap-six-tenths,
.push--lap-three-fifths {
left: 60%
}
.push--lap-eight-tenths,
.push--lap-four-fifths {
left: 80%
}
.push--lap-one-sixth,
.push--lap-two-twelfths {
left: 16.666%
}
.push--lap-five-sixths,
.push--lap-ten-twelfths {
left: 83.333%
}
.push--lap-one-eighth {
left: 12.5%
}
.push--lap-three-eighths {
left: 37.5%
}
.push--lap-five-eighths {
left: 62.5%
}
.push--lap-seven-eighths {
left: 87.5%
}
.push--lap-one-tenth {
left: 10%
}
.push--lap-three-tenths {
left: 30%
}
.push--lap-seven-tenths {
left: 70%
}
.push--lap-nine-tenths {
left: 90%
}
.push--lap-one-twelfth {
left: 8.333%
}
.push--lap-five-twelfths {
left: 41.666%
}
.push--lap-seven-twelfths {
left: 58.333%
}
.push--lap-eleven-twelfths {
left: 91.666%
}
}
@media only screen and (max-width:1023px) {
.push--portable-one-whole {
left: 100%
}
.push--portable-five-tenths,
.push--portable-four-eighths,
.push--portable-one-half,
.push--portable-six-twelfths,
.push--portable-three-sixths,
.push--portable-two-quarters {
left: 50%
}
.push--portable-four-twelfths,
.push--portable-one-third,
.push--portable-two-sixths {
left: 33.333%
}
.push--portable-eight-twelfths,
.push--portable-four-sixths,
.push--portable-two-thirds {
left: 66.666%
}
.push--portable-one-quarter,
.push--portable-three-twelfths,
.push--portable-two-eighths {
left: 25%
}
.push--portable-nine-twelfths,
.push--portable-six-eighths,
.push--portable-three-quarters {
left: 75%
}
.push--portable-one-fifth,
.push--portable-two-tenths {
left: 20%
}
.push--portable-four-tenths,
.push--portable-two-fifths {
left: 40%
}
.push--portable-six-tenths,
.push--portable-three-fifths {
left: 60%
}
.push--portable-eight-tenths,
.push--portable-four-fifths {
left: 80%
}
.push--portable-one-sixth,
.push--portable-two-twelfths {
left: 16.666%
}
.push--portable-five-sixths,
.push--portable-ten-twelfths {
left: 83.333%
}
.push--portable-one-eighth {
left: 12.5%
}
.push--portable-three-eighths {
left: 37.5%
}
.push--portable-five-eighths {
left: 62.5%
}
.push--portable-seven-eighths {
left: 87.5%
}
.push--portable-one-tenth {
left: 10%
}
.push--portable-three-tenths {
left: 30%
}
.push--portable-seven-tenths {
left: 70%
}
.push--portable-nine-tenths {
left: 90%
}
.push--portable-one-twelfth {
left: 8.333%
}
.push--portable-five-twelfths {
left: 41.666%
}
.push--portable-seven-twelfths {
left: 58.333%
}
.push--portable-eleven-twelfths {
left: 91.666%
}
}
@media only screen and (min-width:1024px) {
.push--desk-one-whole {
left: 100%
}
.push--desk-five-tenths,
.push--desk-four-eighths,
.push--desk-one-half,
.push--desk-six-twelfths,
.push--desk-three-sixths,
.push--desk-two-quarters {
left: 50%
}
.push--desk-four-twelfths,
.push--desk-one-third,
.push--desk-two-sixths {
left: 33.333%
}
.push--desk-eight-twelfths,
.push--desk-four-sixths,
.push--desk-two-thirds {
left: 66.666%
}
.push--desk-one-quarter,
.push--desk-three-twelfths,
.push--desk-two-eighths {
left: 25%
}
.push--desk-nine-twelfths,
.push--desk-six-eighths,
.push--desk-three-quarters {
left: 75%
}
.push--desk-one-fifth,
.push--desk-two-tenths {
left: 20%
}
.push--desk-four-tenths,
.push--desk-two-fifths {
left: 40%
}
.push--desk-six-tenths,
.push--desk-three-fifths {
left: 60%
}
.push--desk-eight-tenths,
.push--desk-four-fifths {
left: 80%
}
.push--desk-one-sixth,
.push--desk-two-twelfths {
left: 16.666%
}
.push--desk-five-sixths,
.push--desk-ten-twelfths {
left: 83.333%
}
.push--desk-one-eighth {
left: 12.5%
}
.push--desk-three-eighths {
left: 37.5%
}
.push--desk-five-eighths {
left: 62.5%
}
.push--desk-seven-eighths {
left: 87.5%
}
.push--desk-one-tenth {
left: 10%
}
.push--desk-three-tenths {
left: 30%
}
.push--desk-seven-tenths {
left: 70%
}
.push--desk-nine-tenths {
left: 90%
}
.push--desk-one-twelfth {
left: 8.333%
}
.push--desk-five-twelfths {
left: 41.666%
}
.push--desk-seven-twelfths {
left: 58.333%
}
.push--desk-eleven-twelfths {
left: 91.666%
}
}
.brand {
font-family: Lato, sans-serif!important;
color: #881919!important
}
.brand-face {
font-family: Lato, sans-serif!important
}
.brand-color,
.brand-colour {
color: #881919!important
}
.float--right {
float: right!important
}
.float--left {
float: left!important
}
.float--none {
float: none!important
}
.text--left {
text-align: left!important
}
.text--center {
text-align: center!important
}
.text--right {
text-align: right!important
}
.weight--light {
font-weight: 300!important
}
.weight--normal {
font-weight: 400!important
}
.weight--semibold {
font-weight: 600!important
}
.push {
margin: 24px!important
}
.push--top {
margin-top: 24px!important
}
.push--right {
margin-right: 24px!important
}
.push--bottom {
margin-bottom: 24px!important
}
.push--left {
margin-left: 24px!important
}
.push--ends {
margin-top: 24px!important;
margin-bottom: 24px!important
}
.push--sides {
margin-right: 24px!important;
margin-left: 24px!important
}
.push-half {
margin: 12px!important
}
.push-half--top {
margin-top: 12px!important
}
.push-half--right {
margin-right: 12px!important
}
.push-half--bottom {
margin-bottom: 12px!important
}
.push-half--left {
margin-left: 12px!important
}
.push-half--ends {
margin-top: 12px!important;
margin-bottom: 12px!important
}
.push-half--sides {
margin-right: 12px!important;
margin-left: 12px!important
}
.flush {
margin: 0!important
}
.flush--top {
margin-top: 0!important
}
.flush--right {
margin-right: 0!important
}
.flush--bottom {
margin-bottom: 0!important
}
.flush--left {
margin-left: 0!important
}
.flush--ends {
margin-top: 0!important;
margin-bottom: 0!important
}
.flush--sides {
margin-right: 0!important;
margin-left: 0!important
}
.soft {
padding: 24px!important
}
.soft--top {
padding-top: 24px!important
}
.soft--right {
padding-right: 24px!important
}
.soft--bottom {
padding-bottom: 24px!important
}
.soft--left {
padding-left: 24px!important
}
.soft--ends {
padding-top: 24px!important;
padding-bottom: 24px!important
}
.soft--sides {
padding-right: 24px!important;
padding-left: 24px!important
}
.soft-half {
padding: 12px!important
}
.soft-half--top {
padding-top: 12px!important
}
.soft-half--right {
padding-right: 12px!important
}
.soft-half--bottom {
padding-bottom: 12px!important
}
.soft-half--left {
padding-left: 12px!important
}
.soft-half--ends {
padding-top: 12px!important;
padding-bottom: 12px!important
}
.soft-half--sides {
padding-right: 12px!important;
padding-left: 12px!important
}
.hard {
padding: 0!important
}
.hard--top {
padding-top: 0!important
}
.hard--right {
padding-right: 0!important
}
.hard--bottom {
padding-bottom: 0!important
}
.hard--left {
padding-left: 0!important
}
.hard--ends {
padding-top: 0!important;
padding-bottom: 0!important
}
.hard--sides {
padding-right: 0!important;
padding-left: 0!important
}
.full-bleed {
margin-right: -24px!important;
margin-left: -24px!important
}
.islet .full-bleed {
margin-right: -12px!important;
margin-left: -12px!important
}
.informative {
cursor: help!important
}
.muted {
opacity: .5!important
}
.proceed {
text-align: right!important
}
.go:after {
content: "\00A0" "\00BB"!important
}
.caps {
text-transform: uppercase!important
}
.accessibility,
.visuallyhidden {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important
}
@media only screen and (max-width:480px) {
.accessibility--palm,
.visuallyhidden--palm {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important
}
}
@media only screen and (min-width:481px) and (max-width:1023px) {
.accessibility--lap,
.visuallyhidden--lap {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important
}
}
@media only screen and (min-width:481px) {
.accessibility--lap-and-up,
.visuallyhidden--lap-and-up {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important
}
}
@media only screen and (max-width:1023px) {
.accessibility--portable,
.visuallyhidden--portable {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important
}
}
@media only screen and (min-width:1024px) {
.accessibility--desk,
.visuallyhidden--desk {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important
}
}
@media only screen and (min-width:1200px) {
.accessibility--desk-wide,
.visuallyhidden--desk-wide {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important
}
}
html {
color: #1a1a1a
}
.numbered {
list-style-type: decimal
}
a {
color: #881919
}
a:active,
a:hover {
color: #bb4c4c
}
@media only screen and (max-width:480px) {
.media__img {
display: block;
width: 100%;
margin-bottom: 24px
}
.media__body {
float: left
}
}
.breadcrumb>li>a:link {
text-decoration: none
}
.breadcrumb>li:last-child>a {
font-weight: 700
}
.pricebox {
display: inline-block;
background-color: #f5ebeb;
color: #881919;
padding: 24px;
font-size: 24px!important
}
.buttonlink:link,
.buttonlink:visited {
display: inline-block;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding: 24px 0;
padding: 1.5rem 0
}
.buttonlink:active,
.buttonlink:hover {
background-color: #a23333
}
.button-red {
background-color: #881919cf
}
.button-grey {
background-color: #888
}
.button-grey:hover {
background-color: #909090
}
.color--wine-red {
color: #f5ebeb
}
.color--red {
color: #881919bf
}
.color--black {
color: #1a1a1a
}
.color--dark-grey {
color: #444
}
.color--white {
color: #fff
}
.style--italic {
font-style: italic
}
.winebox {
background-color: #f5ebeb
}
.winebox>img {
width: 90%;
margin: 0 auto;
max-width: 424px;
height: auto
}
@media only screen and (max-width:1023px) {
.winebox>figcaption {
font-size: 24px;
font-size: 1.5rem;
line-height: 1
}
.winebox>img {
width: 90%
}
}
.site-logo {
display: block;
text-decoration: none;
margin-bottom: 12px
}
@media (max-width:1220px) and (min-width:1024px) {
.site-logo {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.6
}
}
.site-logo:hover {
color: #881919
}
.site-logo:hover>span {
color: #1a1a1a!important
}
.site-nav {
margin-bottom: 12px
}
.site-nav>ul>li>a:link,
.site-nav>ul>li>a:visited {
text-decoration: none;
padding: 28px 0
}
.site-nav>ul>li>a:active,
.site-nav>ul>li>a:hover {
color: #888;
text-decoration: underline
}
@media (max-width:1220px) and (min-width:1024px) {
.site-nav>ul>li>a {
font-size: 14px;
font-size: .875rem;
line-height: 1.71429
}
}
@media only screen and (min-width:1024px) {
.site-nav>ul>li {
margin-right: 36px
}
}
@media only screen and (min-width:481px) and (max-width:1023px) {
.site-nav>ul>li {
float: left;
width: 33.333%;
margin-right: 0
}
}
@media only screen and (max-width:480px) {
.site-nav>ul>li {
float: left;
width: 50%;
margin-right: 0
}
}
@media only screen and (max-width:1023px) {
.site-logo {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.33333;
margin-bottom: 0
}
.site-nav>ul>li>a:link,
.site-nav>ul>li>a:visited {
padding: 16px 0
}
}
.page-payoff {
text-shadow: 0 3px 3px rgba(18, 17, 13, .75)
}
.page-payoff>span {
display: block
}
.redbar {
background-color: rgba(136, 25, 25, .85)
}
.pagehead-button:active,
.pagehead-button:hover {
color: #fff
}
.pagehead-button:nth-child(3) {
background-color: #888
}
.pagehead-button:nth-child(3):hover {
background-color: #444
}
.pagehead-button:nth-child(2),
.pagehead-button:nth-child(3) {
margin-left: 24px
}
@media only screen and (max-width:480px) {
.pagehead-home {
padding: 24px 0 0 0;
padding: 1.5rem 0 0 0
}
.page-payoff {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.6
}
.pagehead-button:link,
.pagehead-button:visited {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
margin-left: 0;
padding: 12px 0;
padding: .75rem 0
}
.pagehead-home .button-grey:link {
width: 50%
}
}
@media only screen and (min-width:481px) and (max-width:1023px) {
.pagehead-home {
padding: 48px 0 96px 0;
padding: 2.25rem 0 4.5rem 0
}
.pagehead-vervolg {
padding: 96px 0 .75rem 0;
padding: 6rem 0 .75rem 0
}
.page-payoff {
font-size: 48px;
font-size: 3rem;
line-height: 1
}
.pagehead-button:link,
.pagehead-button:visited {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
margin-left: 0;
padding: 12px 0;
padding: .75rem 0
}
}
@media only screen and (min-width:1024px) {
.pagehead-home {
padding: 60px 0 120px 0;
padding: 3.75rem 0 7.5rem 0
}
.pagehead-vervolg {
padding: 120px 0 24px 0;
padding: 7.5rem 0 1.5rem 0
}
}
@media only screen and (min-width:1200px) {
.pagehead-home {
padding: 72px 0 144px 0;
padding: 4.5rem 0 9rem 0
}
.pagehead-vervolg {
padding: 168px 0 16px 0;
padding: 10.5rem 0 1.5rem 0
}
}
@media only screen and (max-width:1023px) {
.description-title {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.6
}
.description-subtitle {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333
}
}
.content {
min-height: 600px
}
.content a,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content li,
.content ol,
.content p,
.content ul {
max-width: 40rem
}
.content h2 {
font-size: 20px
}
.content h3 {
font-size: 20px
}
ol.videogallery {
list-style: none;
max-width: 100%
}
.videogallery>li {
display: inline-block;
vertical-align: top;
padding-bottom: 24px
}
@media only screen and (max-width:480px) {
.videogallery>li {
width: 100%
}
}
@media only screen and (min-width:481px) and (max-width:1023px) {
.videogallery>li {
width: 50%
}
}
@media only screen and (min-width:1024px) {
.videogallery>li {
width: 25%
}
}
@media only screen and (min-width:1200px) {
.videogallery>li {
width: 20%
}
}
.videogallery>li>a {
text-decoration: none
}
.videotitle {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
margin-left: 10%;
margin-right: 10%;
float: left
}
.videogallery>li>a>img {
float: left;
display: block;
width: 85%;
height: auto;
margin-left: 7.5%;
margin-right: 7.5%;
margin-bottom: 12px
}
.videogallery>li>a:hover>img {
opacity: .7
}
.shortcuts-links {
display: inline-block;
margin-right: 1.5rem;
list-style: none
}
.shortcuts-links>li {
border-bottom: 1px solid #d9d1de
}
.shortcuts-links>li:last-child {
border-bottom: none
}
.shortcuts-links>li>a:link {
text-decoration: none
}
.quote-wrapper {
background-color: #f5ebeb
}
@media only screen and (max-width:1023px) {
.quote {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.6;
margin-bottom: 24px!important;
margin-bottom: 1.5rem!important
}
.quote-author {
font-size: 24px;
font-size: 1.5rem;
line-height: 1
}
}
.page-footer {
background-color: #881919
}
.pagefooter-mail,
.pagefooter-tel {
display: inline-block;
text-decoration: none;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 80px 68px;
padding: 10px 0 10px 100px
}
.pagefooter-mail:hover,
.pagefooter-tel:hover {
text-decoration: underline;
color: #fff
}
.pagefooter-tel {
background-image: url(/wp-content/themes/musicarosa/img/icon_tel.png)
}
.pagefooter-mail {
background-image: url(/wp-content/themes/musicarosa/img/icon_mail.png)
}
@media only screen and (max-width:1023px) {
.pagefooter-title {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.6
}
.pagefooter-mail,
.pagefooter-tel {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
background-size: 60px 51px;
padding: 13.5px 0 13.5px 80px
}
.pagefooter-subtitle {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2
}
}
.browsehappy {
margin: .2em 0;
background: #ccc;
color: #000;
padding: .2em 0
}
.wpcf7-form input,
.wpcf7-form textarea {
border: none;
background-color: #eee;
padding: 12px;
color: #444
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
background-color: #fafafa;
outline: 0
}
.wpcf7-form input:focus::-webkit-input-placeholder {
color: #ddd
}
.wpcf7-form input:focus:-moz-placeholder {
color: #ddd
}
.wpcf7-form input:focus::-moz-placeholder {
color: #ddd
}
.wpcf7-form input:focus:-ms-input-placeholder {
color: #ddd
}
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=text] {
width: 50%;
margin-bottom: 24px
}
.wpcf7-form textarea {
width: 100%;
margin-bottom: 24px
}
.wpcf7-form input[type=submit] {
padding: 12px;
background-color: #881919;
color: #fff;
float: right
}
.wpcf7-form input[type=submit]:hover {
background-color: #a23333
}
.responsive-hero-photo {
display: block;
width: 100%;
padding-top: 95px;
height: 550px;
background-size: 100%;
background-repeat: no-repeat;
} @media screen and (max-width: 2800px) {
.responsive-hero-photo {
background-image: url(https://www.musicarosa.nl/wp-content/uploads/hero4.jpg); 
padding-top: 545px;
height: 665px;
opacity: 0.85;
color: white;
} @media screen and (max-width: 1700px) {
.responsive-hero-photo {   
background-image: url(https://www.musicarosa.nl/wp-content/uploads/hero4.jpg); 
padding-top: 410px;	  
opacity: 0.85;
color: white;
} @media screen and (max-width: 992px) {
.responsive-hero-photo {  
background-image: url(https://www.musicarosa.nl/wp-content/uploads/hero4.jpg);  
padding-top: 210px;	  
opacity: 0.85;
color: white;
}
} @media screen and (max-width: 768px) {
.responsive-hero-photo {   
background-image: url(https://www.musicarosa.nl/wp-content/uploads/hero-small.png);
opacity: 0.85; 
height: 350px;
padding-top: 185px;	
color: white;
}
} @media screen and (max-width: 480px) {
.responsive-hero-photo {    
background-image: url(https://www.musicarosa.nl/wp-content/uploads/hero-small.png); 
color: white;
height: 350px;	    
opacity: 0.85;
padding-top: 145px;	
}
}
}}