@import url(base/_reset.css);
@import url(base/_variables.css);

@import url(components/index.css);
@import url(forms/index.css);

body {
	background-color: var(--secondary-color);
	color: var(--dark-contrast);
	font-family: var(--font-family-body);
	overflow-x: hidden;
}

.container { 
	padding-right: 1rem;
	padding-left: 1rem;
}

.flex {
	display: flex;
}

.flex--center {
	align-items: center;
	justify-content: center;
}

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

@media(min-width: 800px) {

  .container {
		padding-right: 2.5rem;
		padding-left: 2.5rem;	
	}
}

@media(min-width: 1200px) {

	.container {
		padding-left: calc((100vw - 900px)/2);
		padding-right: calc((100vw - 900px)/2);
	}
}