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

.ibutton {
    display: inline-block; font-size: 1.8em; padding: 12px 32px 12px 32px; text-decoration: none; box-sizing: border-box;
    color: #fff; background: var(--color-bunting-500); 
    border: 1px solid var(--color-bunting-500);
}

@media only screen and (max-width: 960px) {
    .ibutton { width: 100%; text-align: center; margin-bottom: var(--main-gap-half); }
}

@media only screen and (min-width: 960px) {
    .ibutton { margin: 0px var(--main-gap-half) var(--main-gap-half) 0px; }
}

.ibutton_inv {
    color: var(--color-bunting-500);
    background: none;
}

.ibutton:hover {
    border-color: var(--color-bunting-500);
    background: var(--color-bunting-500); color: #fff;
}

header .tmp_playground_inner{ 
    position: relative;
    height: 90px;
}

.header_contact  { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); color: #FCD062; } 
.header_contact a { color: #FCD062; font-size: 1.6em; display: inline-block; padding: 0px 0px 0px 8px;   }

.link_icon { text-decoration: none; display: inline-block; margin: 0px 8px 0px 0px ; background: #FCD062; padding: 8px; border-radius: 90px; }
.link_icon:hover { background-color: #333; }
.link_icon svg { height: 22px; fill:#333; }
.link_icon:hover svg { fill: #888; }

.social_icons { position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}

/* CONTENT */
h1 { padding: 120px 0px 120px 0px; margin: 0px; }
h1 img { max-width: 100%;}

#body_cover { padding-bottom: 0px; }

/* BOXES */
.item_logo_half { width: 33.333%; box-sizing: border-box; float: left; }

@media only screen and (max-width: 1200px) {
    .item_logo_half { width: 50%; }
}

@media only screen and (max-width: 768px) {
    .item_logo_half { width: 100%; }
}

.item_logo_inner { position: relative; margin-bottom: var(--main-gap); border-radius: 4px; overflow: hidden; background-color: rgba(0,0,0,1);  }


.item_logo_inner img { opacity: 0.75; transition: all 0.3s ease-in; }
.item_is_link_in:hover .item_logo_inner img { opacity: 0.5; scale: 1.05;  }

.item_logo { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 5;  }
.item_logo_cover a { display: block; width: 100%; height: 100%; text-decoration: none; position: absolute; left: 0px; top: 0px; z-index: 10;  }

.item_logo_cover svg  { position: absolute; top: var(--main-gap-half); right: var(--main-gap-half); z-index: 7; height: 32px; fill: #fbb424; transition: fill 0.3s ease-in; }
.item_logo_cover:hover svg { fill: #fde08a; }

.item_label { width: 100%; position: absolute; top: 50%; left: 0px; padding: 0; z-index: 8; transform: translateY(-50%); padding: var(--main-gap); text-align: center;}
.item_label span { display: inline-block; padding: 8px 16px; background: rgba(0,0,0,0.75); font-size: 1.8em; border-radius: 2px;  color: #FCD062; }

.copy_right { padding: var(--main-gap) 0px var(--main-gap) 0px; font-size: 1.6em; color: #666; text-align: center; }
.copy_right a { display: block; margin-bottom: var(--main-gap); }