/********************************************************* 
	base layout and colors
*********************************************************/

html {
	background-color:  var(--true-black);
}

body {
	overflow-x: hidden;
	color: var(--text-black);
	background-color: var(--text-white);
}

.container {
	width: 100%;
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 2rem;  
}

.container-xs {
	max-width: 768px;
}

.container-sm {
	max-width: 960px;
}

.container-lg {
	max-width: 1280px;
}

.container-full {
	max-width: none;
}

a {
	color: var(--brand-primary);
}

@media (min-width:960px) {
	.mobile-only {
		display: none;
	}

	.site-content > .container {
		padding-bottom: 1.5rem;
	}
}

@media (max-width:1200px) {
	.container {
		padding: 0 1.5rem;
	}
}

@media (max-width:960px) {
	.desktop-only {
		display: none;
	}
}

@media (max-width:768px) { 
	.container {
		padding: 0 1.25rem;
	}
}