/*=============== THEME IMPORT ===============*/
@import url(../../themes/web-theme.css);
@import url(../../themes/z-index.css);

.container{
    padding-top: calc(var(--header-height) + 3rem);
    padding-left: 20px;
    padding-right: 20px;
}

h1,h2,h3,h5{
    color: var(---colorOnSecondary);
    margin-top: 2.8rem;
}

h1{
    font-size: 22px;
}

h2{
    font-size: 16px;
}

p,li{
    margin-top: 1.5rem;
    color: var(---textColor);
}

ul,ol{
    margin-top: 1rem;
    margin-left: .5rem;
}
li{
    margin-top: .5rem;

}

.div{
    width: 100vw;
    padding: 0 20px;
}

.column{
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    max-width: 900px;
}

@media screen and (min-width:1024px){

    .heading{
        font-size: 40px;
    }
    h1{
        font-size: 30px;   
    }

    .container{
        padding-top: var(--header-height);
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 4rem;
    }

    p,li{
        font-size: 17px;
    }

    .div{
        width: 100vw;
        padding: 0 4rem;
    }
}

@media screen and (min-width:1200px){
    .container{
        padding-top: var(--header-height);
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .div{
        width: 100vw;
        padding: 0 6rem;
    }
}