/*@font-face {
  font-family: 'DMSans';
  src: url(fonts/DMSans-VariableFont_opsz\,wght.ttf);
}*/

* {
    margin: 0;
    padding: 0;
}



p, h1, h2, h3, h4, h5 {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body {
    /*padding: 2vh 2vw;*/
    background-color: #f0f0f0;
}


/*Text*/
.white_text{
    color: #f0f0f0 !important;
}
.grey_text{
    color: #424242 !important;
}


/*conteiner*/
.cst_container{
    display: flex;
    height: 100vh;
}
.cst_item_son1{
    flex: 1;
    background-color: #310B8F;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}
.cst_item_son2{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}
.cst_item_granson2_1{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: normal;
}


/*logo*/
.logo{
    max-width: 25vw;
}


/*MEDIA*/
@media (max-width: 768px) {
    body{
        height: 100vh;
    }
    /*conteiner*/
    .cst_container {
        height: 100vh !important;
        flex-direction: column-reverse;
        height: auto;
    }
    .cst_item_son2{
        padding: 20px 40px 0;
    }
    
    /*texts and logo*/
    .title.is-1{
        font-size: 2.50rem;
    }
    .subtitle.is-3.is-3{
        font-size: 1.rem;
    }
    .title.is-3{
        font-size: 1.50rem;
    }
    .subtitle.is-5{
        font-size: 1.25rem;
    }
    
    .logo{
        max-width: 60vw;
    }
}