@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', 'Roboto', sans-serif;
}

nav button, nav .menu-mobile-header, nav .footer-menu-mobile {
	display: none;
}

ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

body {
	background-color: #FAF8F6;
}

@media (max-width: 800px) {
	nav button, nav .menu-mobile-header, nav .footer-menu-mobile {
		display: initial;
	}

	.sub-nav {
		display: none;
	}
}

.container {
	margin: auto;
	width: 1440px;
	max-width: 96%;
	padding-left: 15px;
	padding-right: 15px;
}

.row {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.row>div {
	padding: 15px;
}

.c-6 {
    width: 50%;
}

.c-12 {
    width: 100%;
}

.c-4 {
    width: 33.333%;
}

.c-3 {
    width: 25%;
}

.c-8 {
    width: 66.666%;
}

.c-2 {
    width: 16.666%;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

/*Mobile*/
@media (max-width: 850px) {
    .row {
        display: block;
    }

    .row>div {
        width: 100%;
    }

    .row>div.space-left {
        padding: 15px;
    }
}