.uk-panel-box {
  border:3px solid rgba(200,200,200,0.01);
}

.uk-panel-box:hover {
  border:3px solid rgba(200,200,200,0.2);
}

/*
.uk-panel-box:hover {
border: 2px dotted;
}
*/


.uk-button-large,.uk-panel,.uk-panel>.uk-flex,a.uk-button.uk-button-large {
    border-radius: 8px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16	px;
}

.uk-panel-box > p {
  /* color: rgba(240,240,240,0.85); */
  margin: 1em 0 0 0;
}

.uk-panel-box li {
  /* color: rgba(240,240,240,0.85); */
  margin: 0.75em 0 0 0;
}

.uk-panel-box {
    padding: 2%;
    /* background: rgba(20,110,150,.66); */
    box-shadow: 5px 5px 9px rgba(75,75,75,.3);
    margin-top: 1%;
}

.uk-panel-box:hover, .uk-panel-box:active, .uk-panel-box:focus {
    box-shadow: 9px 9px 15px rgba(75,75,75,.5);
    /* background: rgba(20,110,150,.80); */
}
/*
.uk-panel-box:hover > p, .uk-panel-box:active > p, .uk-panel-box:focus > p {
  color: rgba(250,250,540,0.95)
}
*/
.uk-panel-box-red {
    padding: 4%;
    background: rgba(165,30,34,.90);
    box-shadow: 5px 5px 9px rgba(75,75,75,.3);
    color: rgba(240,240,240,.95);
}

@media only screen
  and (max-width : 500px)
  { 
  .uk-panel-box {
     border:3px solid rgba(200,200,200,0.2);
     box-shadow: 9px 9px 15px rgba(75,75,75,.5);
   }
  .uk-panel-box-red {
      box-shadow: 5px 5px 9px rgba(75,75,75,.5);
      background: rgba(165,30,34,.95);
  }
}

@media only screen
  and (min-width : 501px)
  { 
  .uk-panel-box-red:hover {
      background: rgba(165,30,34,.95);
      box-shadow: 5px 5px 9px rgba(75,75,75,.5);
  }
}