/*master styles */

main {
	background: #F9FAFF;
	overflow: clip;
	color: #313131;
}

@media only screen and (min-width: 1200px) {
	div.container {
		padding-left:  8rem;
		padding-right: 8rem;
	}
}


.background-dark {
	background-color: #313131;
	color: #FFFFFF !important;
}
.background-light {
	background-color: none;
	color: #313131;
}
section.hero {
	background: #deecff;
}
section#abouthero {
	background: #deecff;
}
section#contactpage > .container > .row {
    display: flex;
    justify-content: space-between;
}

section#featuredprojects {
	background: #deecff;
}




/* HTML inserts */

.hidden {
	display: none;
	visibility: hidden;
}
.stackonmobile {
	display: flex;
}

@media only screen and (min-width: 993px) {
	.show-small-devices {
		visibility: hidden !important;
		display: none !important;
	}
	.show-large-devices {
		visibility: visible !important;
	}
	.centeredcontent {
		width: 70% !important;
		margin: 0 auto;
	}	
}
@media only screen and (max-width: 992px) {
	.show-large-devices {
		visibility: hidden !important;
		display: none !important;
	}
	.show-small-devices {
		visibility: visible !important;
	}
	.multi-col-row {
		margin-bottom: 24px;
	}	
}
@media only screen and (max-width: 768px) {
	.hide-small-devices {
		display: none !important;
		visibility: hidden;
	}
}
@media only screen and (max-width: 575px) {
	.stackonmobile {
		width: 100%;
		display: inline-grid !important;
	}
}
@media only screen and (min-width: 501px) and (max-width: 575px) {
	.stackonmobile {
		display: inline-grid !important;
	}
	.stackonmobile a:nth-child(2) {
		margin-top: 24px;
		margin-right: auto;
	}
}