body {
    margin: 0;
    padding: 0;
    /*background: url(../Images/fire-42599_960_720.png);*/
    /*background: url(../Images/AmegoBodyBackground.png);*/
    /*background: url(../Images/NAVeGO_EmptyBackground.jpg);*/
    /*background: url(../Images/NAVeGOBackground_NoLogo.jpg);*/
    background-size: cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    font-family: sans-serif;
    background-position: center center;
}

.panel {
    border: 0px;
    background: rgba(0, 0, 0, 0.5);
    color: #ffff;
    text-align: center;
    /*padding-top: 70px;*/
    position: relative;
    /*transition: 1s;*/
}
.panel:hover {
    background: rgba(0, 0, 0, 0.7);
}
.lock {
    position: absolute;
    top: -50px;
    width: 100px;
    height: 100px;
    left: 37%;
    line-height: 112px;
    /*color: #fff;*/ /*lock color:white*/
    text-align: center;
    background: linear-gradient(darkslategray, cyan);
    background: -webkit-linear-gradient(darkslategray, cyan);
    background: -moz-linear-gradient(darkslategray, cyan);
    border: 3px outset #F4E10A;
    border-radius: 100%;
    /*-webkit-box-shadow: -10px 10px 10px rgba(255, 255, 255, 0.5);
    box-shadow: -10px 10px 10px rgba(255, 255, 255, 0.5);*/
}

.label {
    position: absolute;
    top: 10px;
    left: -20px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    transform: rotate(-20deg);
    background: red;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.label2 {
    position: absolute;
    top: 0px;
    left: -18px;
    width: 130px;
    height: 40px;
    line-height: 35px;
    color: #fff;
    transform: rotate(-27deg);
    background: lightsalmon;
    z-index: -1;
}