*{
    font-family: Montserrat;
    box-sizing:border-box;
}


:root{
    --color-primary:#009;
    --color-primary-low-o:#0095;
    --color-dark-primary:#008;
    --color-light-primary:#08d;
    --color-lighter-primary:#08d1;
    --color-grey:#999;
    --color-green:#0a5;
    --color-gold: #c94;
}

.color-primary{
    color:var(--color-primary);
}


body{
    margin:0;
    padding-bottom:30%;
}

a{
    cursor:pointer;
}

.row{
    display:flex;
}

.col{
    display:flex;
    flex-direction:column;
}

.ai-c{
    align-items:center;
}

.jc-c{
    justify-content:center;
}

.jc-sb{
    justify-content:space-between;
}


.jc-se{
    justify-content:space-evenly;
}

.g-02{
    gap:0.2em;
}
.g-05{
    gap:0.5em;
}
.g-1{
    gap:1em;
}
.g-2{
    gap:2em;
}

 /*Horizontal margin*/
.hm-1
{
    margin:0 1em;
}

/* Vertical margin */
.vm-1
{
    margin:1em 0;
}

/* Vertical padding */
.vp-1
{
    padding:1em 0;
}

.p-1{
    padding:1em;
}

.ls{
    letter-spacing:0.15em;
}

.lgs{
    display:none !important;
}

.clickable{
    cursor:pointer;
}

select, input:not(input[type="checkbox"]){
    height:3em;
    width:100%;
    color:inherit;
    /* padding-left:2em; */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




@media screen and (min-width: 768px) {
    body{
        background:var(--color-primary);

        background: #f1f1f1;
        padding-bottom:0;
    }
    .sms{
        display:none !important;
    }
    .lgs{
        display:block !important;
    }
}