/* THIS FILE CONTAINS CODE THAT CONSIDERS GENERAL RULES FOR THE ENTIRE SITE */

html {
    font-size: 16px;
    background-color: var(--hekkerij-beige);
}

/* Give fixed size and center in middle */
.navbar-inner, .container-fluid, .footer-inner, .page, .breadcrumbs {
    max-width: var(--page-w);
    width: 100%;
    margin: auto;
}

main {

}

/* default font */
body {
    font-family: var(--main-font), serif;
}

.full-width {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0.5rem;
}

.full-width.red {
    background-color: var(--red);
}

/* give p some padding */
p {
    font-size: 1rem;
}

.content {
}


.page {
    padding: 1rem;
}

/* Responsiveness */
/* lg screen */
@media only screen and (max-width: 1200px) {

}

/* md screen */
@media only screen and (max-width: 992px) {

}

/* sm screen */
@media only screen and (max-width: 768px) {

}

/* xs screen */
@media only screen and (max-width: 576px) {

}