.grid{
        display: grid;
}
.flex{
        display: flex;
}
.flex1{
        flex: 1;
}
.flex_col{
        flex-direction: column;
}
.flex_center {
        justify-content: center;
        align-items    : center;
}
.jus_center{
        justify-content: center;
}
.jus_end{
        justify-content: flex-end;
}
.pos_fixed {
        position: fixed;
}
.text_center{
        text-align: center;
}
.abs_center{
        position : absolute;
        top      : 50%;
        left     : 50%;
        transform: translate(-50%, -50%);
}

@media (max-width:767px){
        html {
                font-size: 10px;
        }
}