figure {
margin: 0px;
}

#bkappbuttons {
 padding: 0px;
 margin: 0px;
-webkit-margin-start:0;
-webkit-margin-end:0;
-webkit-margin-before:0;
-webkit-margin-after:0;
}


span {
 border: 0px solid #c00;
}

.bkappbutton {
text-align: center;
font-family: sans-serif;
display: inline-block;
vertical-align: top;
margin: 10px;
padding: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
margin:0;
}

.bkappbutton A{
text-decoration: none;
color: #000;
}

.bkappbutton_link {
display:inline-block;
}

.bkappbutton_name_panel {
width: 160px;
margin: 4px -20px 20px -20px;
padding:7px 0 0 0;
}

.bkappbutton_name {
 /*min-height: 2em;*/
 line-height: 1em;
 font: bold 15px Verdana,Arial,Helvetica,Sans-Serif; 
 display:block;
 width: 160px;
 -webkit-user-select: none;  /* Chrome all / Safari all */
 -moz-user-select: none;     /* Firefox all */
 -ms-user-select: none;      /* IE 10+ */
 -o-user-select: none;
 user-select: none;
}

.bkappbutton_image_panel {
 display: block;
 width: 90px;
 height: 90px;
 padding: 0;
 margin: 0;
 margin-left: 15px;
 margin-right: 15px;
 
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -o-border-radius: 8px;
 
 overflow: hidden;
 background: rgba(162, 174, 208, 0.8);
 box-shadow: 5px 5px 20px #000;
 -webkit-box-shadow: 5px 5px 20px #000;
 -moz-box-shadow: 5px 5px 20px #000;
 -o-box-shadow: 5px 5px 20px #000;
 
 -webkit-user-select: none;  /* Chrome all / Safari all */
 -moz-user-select: none;     /* Firefox all */
 -ms-user-select: none;      /* IE 10+ */
 -o-user-select: none;
 user-select: none;
}

.bkappbutton_image_panel:hover {
 box-shadow: 6px 6px 30px #000;
 moz-box-shadow: 6px 6px 30px #000;
 -webkit-box-shadow: 6px 6px 30px #000;
}

.bkappbutton_image_panel img {
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -o-border-radius: 8px;
 
 -webkit-user-select: none;  /* Chrome all / Safari all */
 -moz-user-select: none;     /* Firefox all */
 -ms-user-select: none;      /* IE 10+ */
 -o-user-select: none;
 user-select: none;

}

body#bkpagestart nav#bkappbuttons .bkappbutton.bkappbutton_start {
display:none;
}


#dumpmedia:before {
  content:"gross";
}


@media (max-width:480px) { 
 #dumpmedia:before {
  content:"480px";
 }

 #bkappbuttons .bkappbutton { margin: 8px 5px 8px 5px; } 
 #bkappbuttons .bkappbutton_image_panel { width: 90px; height:90px } 

.bkappbutton_name {
 font: bold 15px Verdana,Arial,Helvetica,Sans-Serif;  
 }

 
.bkappbutton_name_panel {
width: 80px;
margin-left: 0;
margin-right: 0;
margin-top: 4px;
}
 
 
}



@media (max-width:360px) {
 
 #dumpmedia:before {
  content:"360px";
 }
 .bkappbutton_name {
 font: bold 12px Verdana,Arial,Helvetica,Sans-Serif;  
 width: 100px;
}

.bkwidget_plugin #bkappbuttons .bkappbutton .bkappbutton_image_panel,
.bkwidget_plugin #bkappbuttons .bkappbutton .bkappbutton_image_panel img {
 width: 60px;
 height:60px;
}


.bkwidget_plugin #bkappbuttons .bkappbutton_name_panel {
 width: 100px;
 margin: 7px -20px 10px -20px;
}
}

@media (max-width:320px) {
 
 #dumpmedia:before {
  content:"320px";
 }
 
  #bkappbuttons .bkappbutton { 
  margin: 6px 1px 6px 1px; 
  padding: 0; 
 } 
 
 
.bkwidget_plugin #bkappbuttons .bkappbutton_name_panel {
 width: 80px;
 margin: 7px 0px 10px 0px;
 }
 
 .bkwidget_plugin #bkappbuttons .bkappbutton_name {
 font: bold 11px Verdana,Arial,Helvetica,Sans-Serif;  
 width: 80px;
 }

.bkwidget_plugin #bkappbuttons .bkappbutton .bkappbutton_image_panel,
.bkwidget_plugin #bkappbuttons .bkappbutton .bkappbutton_image_panel img {
 width: 50px;
 height:50px;
 }


}