@media screen and (max-width: 650px) {

#bodyfirst {font-family: Verdana;margin:0;background: url("../images/Fillers/festival.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#bodyfirst::after{content: "";background-color: rgba(51, 51, 51, 0.5);position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: -1}
#headerfirst {position:fixed;top:0;height:10vh;width:100%;color:#FFF; text-align: center; display: table;}
#headerfirst span {cursor:pointer;}
#headerfirst span.title {vertical-align:middle;display:table-cell;font-weight:bold;font-size:6vh;}
#Login {width:380px;min-height:150px;position:fixed;top:10vh;left:50%;margin-left:-190px;background-color:#C2C2C2;color:#000;font-size:12px;border-style:solid;border-width:1px;border-color:#000;z-index:1;overflow:visible;}
#Login p {margin:3px;padding:3px;text-align:left;}
#Login .input{padding:8px;display:block;border:none;border-bottom:1px solid #000;width:350px;background-color:#C2C2C2;}
#Login .submit{font-size:16px;font-weight:bold;cursor:pointer;}


}

@media screen and (min-width: 651px) {
#bodyfirst {font-family: Verdana;margin:0;background: url("../images/Fillers/festival.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#bodyfirst::after{content: "";background-color: rgba(51, 51, 51, 0.5);position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: -1}
#headerfirst {position:fixed;top:0;height:30vh;width:100%;background-color:rgba(1, 153, 255, 0.8);color:#FFF;line-height:100%; text-align: center; display: table;}
#headerfirst span {cursor:pointer;}
#headerfirst span.title {vertical-align:middle;display:table-cell;font-weight:bold;font-size:4.5vw;}
#Login {width:380px;min-height:150px;position:fixed;top:50%;left:50%;margin-left:-190px;margin-top:-70px;background-color:#C2C2C2;color:#000;font-size:12px;border-style:solid;border-width:1px;border-color:#000;z-index:1;overflow:visible;}
#Login p {margin:3px;padding:3px;text-align:left;}
#Login .input{padding:8px;display:block;border:none;border-bottom:1px solid #000;width:350px;background-color:#C2C2C2;}
#Login .submit{font-size:16px;font-weight:bold;cursor:pointer;}
#footerfirst{position:fixed;bottom:0;height:30vh;width:100%;background-color:rgba(255, 153, 51, 0.4);}
}

.AlertMessage {width:100%;max-width:860px;padding: 20px;background: #04AA6D;color: white;opacity: 1;transition: opacity 0.6s;margin-bottom: 15px;text-align:left;}
.AlertMessage.warning {background: #f44336;}
.AlertMessage.info {background: #2196F3;}
.AlertMessage.notification {background: #ff9800;}
.Alertclosebtn {margin-left: 15px;color: #FFF;font-weight: bold;float: right;font-size: 22px;line-height: 12px;cursor: pointer;transition: 0.3s;}
.Alertclosebtn:hover {color: #000;}