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

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

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


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

.uk-panel-box > p {
  color: rgba(250,250,250,0.95);
  margin: 0.5em 0 0 0;
}

.uk-panel-box {
    padding: 4%;
    /*background: rgba(20,110,150,.66);*/
    background: rgba(13,105,143,0.75);
    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);*/
    /*background: rgba(50,120,145,0.88);*/
    background: rgba(13,105,143,0.95);
}

.uk-panel-box:hover > p, .uk-panel-box:active > p, .uk-panel-box:focus > p {
  color: rgba(250,250,250,0.82);
}

.uk-panel-box-darker {
    padding: 4%;
    background: rgba(20,110,150,.80);
    box-shadow: 5px 5px 9px rgba(75,75,75,.3);
}

.uk-panel-box-lighter {
    padding: 4%;
    background: rgba(20,110,150,.30);
    box-shadow: 5px 5px 9px rgba(75,75,75,.2);
    color: rgba(240,240,240,.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);
}

.uk-panel-box-darker:hover, .uk-panel-box-darker:active, .uk-panel-box-darker:focus {
    box-shadow: 9px 9px 15px rgba(75,75,75,.5);
}

.uk-block-bottom {
    position: relative;
    box-sizing: border-box;
    padding-top: 1%;
    padding-bottom: 1.1%
}


.uk-block-bottom:before,.uk-block-bottom:after {
    content: "";
    display: table;
}

@media only screen
  and (max-width : 500px)
  { 
  .uk-panel-box, .uk-panel-box, .uk-panel-box {
    box-shadow: 9px 9px 15px rgba(75,75,75,.5);
    background: rgba(20,110,150,.80);
  }
  .uk-panel-box > p, .uk-panel-box > p, .uk-panel-box > p {
  color: rgba(250,250,540,0.95)
  }
  .uk-panel-box-darker, .uk-panel-box-darker, .uk-panel-box-darker {
    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);
  }
}