.tmp_playground { padding: 0px var(--main-gap); }
.tmp_playground_half { padding: 0px var(--main-gap-half); }

header { width: 100%; padding: var(--main-gap) 0px;  }
header img { width: 100%; max-width: 320px; margin-bottom: var(--main-gap);} 
header p { font-size: 2.2em;  color: #ccc; }

.link_icon {  display: inline-block;  background: #66BF6B; padding: var(--main-gap-half); border-radius: 120px;  margin: 0px 2px var(--main-gap) 2px; }
.link_icon svg { height: 32px; fill: #fff; }

@media only screen and (min-width: 960px) {
    header { padding-top: 80px; }
    .tmp_content { padding: 80px 0px 80px 0px;}
    .tmp_content_npt {  padding: 0px 0px 80px 0px; }
    footer {  padding: 0px 0px 80px 0px; }
}

.tmp_legal {
    background: #f8f8f8;
    padding: var(--main-gap);
    margin-bottom: var(--main-gap);
}

.tmp_legal p {
    margin: 0px;
    font-size: 1.6em;
    color: #888;
}