.sonos-0 {
    background: url("/media/t2mpiwzb/sonos_logo.png") 0% 0% / 200px #d8a158; 
    background-blend-mode: soft-light;
}
.sonos-1 {
    background: url("/media/t2mpiwzb/sonos_logo.png") 0% 0% / 200px #f1d9d8; 
    background-blend-mode: soft-light;
}
.sonos-2 {
    background: url("/media/t2mpiwzb/sonos_logo.png") 0% 0% / 200px #bb4725; 
    background-blend-mode: soft-light;
}
.sonos-3 {
    background: url("/media/t2mpiwzb/sonos_logo.png") 0% 0% / 200px #d8a158; 
    background-blend-mode: soft-light;
}
.sonos-4 {
    background: url("/media/t2mpiwzb/sonos_logo.png") 0% 0% / 200px #bdd2e7; 
    background-blend-mode: soft-light;
}
.sonos-5 {
    background: url("/media/t2mpiwzb/sonos_logo.png") 0% 0% / 200px #1c5f4a; 
    background-blend-mode: soft-light;
}
.sonos-6 {
    background: url("/media/t2mpiwzb/sonos_logo.png") 0% 0% / 200px #f1d9d8; 
    background-blend-mode: soft-light;
}
.sonos-7 {
    background: url("/media/t2mpiwzb/sonos_logo.png") 0% 0% / 200px #bb4725; 
    background-blend-mode: soft-light;
}

.sonos-rust {background:#bb4725;}
.sonos-rose {background:#f1d9d8;}
.sonos-sand {background:#d8a158;}
.sonos-sky {background:#bdd2e7;}
.sonos-pine {background:#1c5f4a;}


.keytext{}
.keytext ul {padding-left:35px!important}
.keytext ul li{font-size:1.5vh!important;font-family: 'Open Sans'!important;}
.keytext ul li span{font-size:1.5vh!important;font-family: 'Open Sans'!important;}
.keytext ul li span{font-size:1.5vh!important;font-family: 'Open Sans'!important;}
.keytext p {font-size:1.5vh!important;font-family: 'Open Sans'!important;margin:0px!important;text-indent: unset!important;}
.keytext p span{font-size:1.5vh!important;font-family: 'Open Sans'!important;}

.btn-prmary-sonos{
    border-radius: 0px;
    padding: 10px;
    background-color: #1c5f4a;
    border-color: #1c5f4a;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    transition: 1s;
    }
.btn-prmary-sonos:hover{
    background-color: #3e3e3e!important;
    border-color: #1c5f4a!important;
    color: #fff!important;
    }
.btn-sonos-pine{
    border-radius: 0px;
    padding: 10px;
    background-color: #1c5f4a;
    border-color: #1c5f4a;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    transition: 1s;
    min-width: 250px;
    text-align: center;
}
.btn-sonos-pine:hover{
    color:#1c5f4a;
}
.rm-frame p span {font-size:1.5vh!important;font-family: 'Open Sans'!important;}
.rm-frame p iframe{width: 100%!important;border: 0!important;}
.rm-frame iframe{width: 100%!important;border: 0!important;}
.p30{padding:30px}
@media (max-width: 768px){
    .p30{padding:10px!important}  
    .btn-prmary-sonos{
        font-size: 2vh;
    }
    .rm-frame iframe{display: none!important;}
    .rm-frame p iframe{display: none!important;}
}