@font-face {
  font-family: 'Nixie One';
  font-style: regular;
  font-weight: 400;
  src: url('../../source/NixieOne-Regular.ttf');
}

body{
    font-family: 'Nixie One', cursive;
}

a{
    text-decoration: underline;
    color: #131313;
}
a:hover{
    color: aliceblue;
}
li{
    font-size: 1vw
}
ul{
    list-style-type: none;
    font-weight:bold;
}

p {font-weight:bold;}

.logo{
    font-size: 1.5vw;
}

.logo span{
    font-size: 3vw
}

.sisc_base {
    width: 100%;
    display: flex; flex-direction: column; align-items: center;
}

.sisc_content{
    z-index: 2;
    height:100%; width: 100%;
}

.sisc_foot{
    width: 100%;
    background: url(../../source/foot.png) no-repeat;
    background-size:cover;
    z-index: 3;
}

.fixed_bg{
    top: 0px;
    width: 100%; height: 100%;
    position:fixed;
    overflow: hidden;
    background-color: #f5f6f7;
    z-index: 1;
    transition: all;
    transition-duration: 2.0s;
}

.lvl_0{
    background: #131313;  
    background: #121212
}

.lvl_1{
    background: #fd746c;
}

.lvl_2{
    background: #e53935;
}

.bg_vig{
    opacity: 0.4;
}

.cc_boxy {
    width: 100%;
    display: flex; flex-direction: row;
    justify-content: center; align-items: center

}

.cc_boxy_txt{
    /*color: #424950;*/
    display: flex; flex-direction: row;
    /*justify-content:center;*/ 
    align-items: baseline;
    flex-wrap: wrap;
    color: #ddd;
    padding: 25px;
}

.cc_boxy_inner{
    margin: 20px;
}

.contfull{ width: 100%;}
.contflow {margin-top: 50px;}
.cont60{ width: 80%; }

@media (max-width: 1024px) {

    .logo{
        font-size: 5vw;
    }
    .logo span{
        font-size: 8vw
    }

    li{
        font-size: 3vw
    }

    .cc_boxy_txt{
        /*color: #424950;*/
        color: #ddd;
        padding: 25px;
        font-size: 3vw;
    }
    .cc_boxy_inner{
        width:100%;
        margin: 10px;
    }

}