.favis-green {
    background: rgb(30, 94, 69);
    color: #fff;
}
.favis-green-light {
    #background: rgb(30,94,69, 0.9);
    background: url("paris-pan.jpg") no-repeat;
    background-position:center;
    background-size:cover;
    color: #383838;
    color:white;
    margin-top:12px;
}
.green {
    background: #14c07b;
    color: #fff;
}
.green2 {
    background: #eaf6e8;
    color: #3fb56d;
}
.green3 {
    color: #fff;
    background: #3fb56db8;
}
.blue {
    color: #0c41bf;
    background: #e3f3fe;
}
    
.purple {
    background: #e8eaf6;
    color: #3f51b5;
    border-color: #3f51b5;
}
.purple2 {
    background: #3f51b5b3;
    color: #fff;
    font-weight: 500;
}
.orange {
    background: #feefe3;
    color: #bf360c;
}
.red {
    background: #ffd2d2;
    color: #ce1313;
}    
.black {
    background: black;
    color: #fff;
}
.white {
    background: #fff;
    color: rgba(0,0,0,0.87);
}
.favis-green-blur {
    background: rgb(30, 94, 69,0.8);
    color: #fff;
    backdrop-filter: blur(6px);
}
.blur {
    background: rgba(1,1,1,0);
    backdrop-filter: blur(6px);
}
.blur2 {
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(12px);
}
.blur3 {
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(12px);
}
.shadow {
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);        
}    
.lights-off,
.lights-off-two
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 100;
}
@media only screen and (min-width:801px) {
    .lights-off {
	display: none;
    }
}
.paris {

    background:url("paris.png") no-repeat;
    background-position:center;
    background-size:cover;
}
.paris-pan {

    background:url("paris-pan.jpg") no-repeat;
    background-position:center;
    background-size:cover;
}