@font-face {
    font-family: "Syne";
    src: url("../fonts/Syne-Regular.ttf");
}

body, html{
    height: 100%;

    /* default font-size is 16px - this is set in the default browser stylesheet */
    font-size: 16px;

    line-height: 1rem;

    /* Base Style */
    font-family:'Syne', Arial, Helvetica, sans-serif;
    color:#222;
    -webkit-font-smoothing: antialiased;
    font-variant-ligatures: common-ligatures discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
}

.main-wrapper {
    height: 100vh;  
}

#mmenu_screen > .row {
    min-height: 100vh;
}

.flex-fill {
    flex:1 1 auto;
}

a {
    color:#222;
    font-size: 2em;
    line-height: 2rem;
}

ul{
    margin-top: 15px;
}

h1 {
    font-weight: normal;
    line-height: 1;
}

img{

    vertical-align: top;
}

.text-justify-xs {
    text-align: justify;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .text-justify-sm {
        text-align: justify;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .text-justify-md {
        text-align: justify;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-justify-lg {
        text-align: justify;
    }
}

/*.img-fluid. max-width: 100%;{
    height: 100%;
}*/