@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 400;
  src: url('../../source/Aleo-Regular.ttf');
}

body{
    font-family: 'Aleo', serif;
    overflow-x: hidden;
    color: #ddd;
}

a{
    color: #ddd;
}

a:hover{
    color: #ffffff;
}

.sisc_base {
    width: 100%; height: 100%;
    display: flex; flex-direction: column; align-items: center; 
    background: url(../../source/bg.png) no-repeat top;
}

.sisc_head {
    width: 100%; height: 300px;
    left: 0px; top: 0px;

}

.sisc_content{
    display: flex; flex-direction: row;
    flex-wrap: wrap; justify-content: center; align-items: flex-start;
}

.sisc_footer{
    display:flex; flex-direction: row; flex-wrap: wrap; align-items:center; justify-content:center;
    width: 100%; margin-top: 20px;
    background-color: #383838;  
}

.sisc_footer_comp{
    margin: 50px;
}

.sisc_label{
    width: 100%; height: 20px; text-align: center;
    font-size: large; color: darkgray; 
    margin: 20px;

}

@media (max-width: 1000px) {

    .sisc_head{
        height: 350px;
    }

    .sisc_footer_comp{
        width: 100%;
        text-align: center;
        margin: 50px;
    }

    .sisc_label{
        font-size: 4vw !important;
    }

    a{
        font-size: 4vw;
    }
}