body{ font-family: 'Montserrat'; font-weight:300; background:transparent; padding:10px; line-height:1.6em; text-align:center; color:#333; }
body.dark { color:#fff; }
a { text-decoration:none; color:inherit; width:100%; height:100%; display:block; }
    a:hover svg { opacity:0.7; }

.score { clear:both; display:block; width:100%; }
.score strong { font-weight:700; }
.score .info { display:block; font-size:0.9em; line-height:1.2em; border:1px solid #da4949; border-radius: 0 0 5px 5px; padding:10px; }
.score .score-total { display:block; background-color:#da4949; border-radius: 5px 5px 0 0; text-align: center; line-height: 50px; font-size: 2rem; color: white; width:100%; padding:10px 0 15px 0; }
.score .score-total div { font-size:0.9rem; display:block; line-height:0.8rem; }
.score .score-total.no-reviews { padding:15px 0; }

.escapetalk { clear:both; display:block; padding-top:1px; margin-top:10px; }
.escapetalk span { display:inline-block; margin-right:2px; }
.escapetalk .logo { display:inline; }
.escapetalk .logo svg { max-width:120px; vertical-align:-6px; fill:#333; }
body.dark .escapetalk .logo svg { fill:#fff; } 
 
@media screen and (min-width:420px){
    body{ text-align:left; }
    .score .score-total { width:100px; float:left; border-radius:5px 0 0 5px; }
    .score .score-total.no-reviews div { font-size:0.8rem; height:57px; padding-top:5px; }
    .score .score-total div { line-height:1.1rem; }
    .score .score-total div span { display:none; }
    .score .info { float:left; width:65%; width:calc(100% - 135px); border-radius:0 5px 5px 0; height:70px; position:relative; }
    .score .escapetalk { font-size:0.8rem; position:absolute; bottom:10px; right:0; min-width:215px;  }
    .escapetalk .logo svg { max-width:115px; }
}