@import url("colors.css");
@import url("fonts.css");

@import url("menu.css");
@import url("footer.css");

body {
    background-color: var(--main-background);
    font-family: var(--serif);
    color: var(--main-text);
}

.pure-g [class *= "pure-u"] {   
    font-family: var(--serif);
}

h1 {
    font-family: var(--cursive);
    font-weight: normal;
}
h2 {
    font-family: var(--sans-serif);
    font-weight: normal;
}

body.loading  [lang=et] {
    display: none;
}

#page-container {
    position: relative;
    min-height: 100vh;
}

#content-container {
    padding-top: 2.73rem;
}

@media (min-width: 48rem) {  /* 768px */
    #content-container {
        padding-top: 2.1rem;
    }
}


@media (min-width:58rem) { /* 930px */
    #content-container {
        padding-top: 3.25rem;
    }
}