#cc {
    width: 100%; 
    display: flex; flex-direction: column; 
    /*background-color: #1b1b1b;*/
    transition: all; transition-duration: 1.2s;
}

.lvl_0{
    background-color: #1b1b1b;
}
.lvl_1{
    background-color: #380f0f;
}

img {margin-right: 15px;}

.arch_blind {
    position: absolute; top: 0; left: 0;
    background-color : rgba(0,0,0,0.8);
    display: none; text-align: center;
    z-index: 100;

}

.armed_img{
    border: 1px solid #808080; cursor: pointer;
    transition: all; transition-duration: 0.6s;
}

.armed_img:hover{
    opacity: 0.7;
}

.sm_base{display: flex; flex-direction: row;}
.sm_item{opacity: 0.8; cursor: pointer; margin: 5px;}
.sm_item:hover{opacity: 1.0;}

/* ContentContainers */

.large{ max-width: 1000px; min-width: 300px; }
.medium{ max-width: 430px; min-width: 300px; }

.cc_boxy {
    margin: 35px;
    width: 100%;
    /*border: 1px solid #ddd;*/
    /*box-shadow: 10px 10px 10px 10px rgba(0,0,0,.1); border-radius: 0;*/
    display: flex; flex-direction: column;

}

.cc_boxy_txt{
    /*background-color: rgba(255,255,255,0.1);*/
    /*background-color: #323232;*/
    color: #ddd;
    padding: 5px;
    width: 100%;
    /*border: 1px solid #000000;*/

}

.gall_base{
    display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.gall_item{
    margin: 20px;
}

.bann{
    width: 100%; height: 400px;
    margin-top: 50px;
    background-image: url("../source/img/banner.png");
    background-position: center;
    opacity: 0.9;
    -webkit-box-shadow: 0px 0px 58px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 58px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 58px 0px rgba(0,0,0,0.75);
}

@media (max-width: 1000px) {

    body{
        font-size: 3vw;
    }

    .large{max-width:1000px}

    .medium{max-width:1000px}

    .cc_boxy_txt{
        
    }
}