@media only screen and (min-width: 600px) {
    body{
        background-image:url("imgs/bg/cloud_d.jpg");
        /* styles for wide screens */

    }
}@media only screen and (max-width: 600px) {
    body{
    background-image:url("imgs/bg/cloud_m.jpg");
    /* styles for narrow screens */
        
    }
}
body {

    background-position: center center;
    background-repeat:no-repeat;
    background-size: cover;
    background-attachment:fixed;
    width:100%;
    height:100%;
    color: #fff;
}
.row-flex {
    display: flex;
    flex-wrap: wrap;
}
[class*="col-"] {
    margin-bottom: 30px;
}
.glass > div{
    background-color: rgba(0, 0, 0, 0.5);
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .glass > div {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(0,0,0, 0.3);

    }
}
h2.party{
    text-align:center;
}
/*
.soc_icn{
    width: 30%;
    height: auto;
}*/