body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
a{
	color: #2962FF;
}


#header{
	background: #2962FF;
}
.header-content{
	max-width: 960px;
	margin: 0 auto;
	padding: 15px;
}
.header-content a{
	color: #fff;
}

.highlight {
	background: #f8f8f8;
}
.home-main{
	grid-area: main;
	background: #fff;
}
#lead{
	padding: 40px 15px 40px 15px;
	/*background-image: linear-gradient(to top, #fff 0%, #fff1eb 20%, #ace0f9 100%);*/
	/*background-image: linear-gradient(to top, #09203f 0%, #537895 100%);*/
	background-image: linear-gradient(to top, #448AFF 0%, #2979FF 50%, #2962FF 100%);
}

.lead-box{
	max-width: 960px;
	margin: 0 auto;
}
.lead-content{
	/*display: flex;
	align-items: center;*/
	text-align: center;
}

#contact-button{
	text-align: center;
}
#section-wrapper{
	max-width: 960px;
	margin: 0 auto;
}
#section-wrapper section{
	margin-bottom: 30px;
}


#services h2, #clients h2{
	text-align: center;
}
.service{
	margin-bottom: 30px;
	padding: 5px 15px 15px 15px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.service-content{
	padding-left: 30px;
}

.service-content ul{
	margin-left: 0;
	padding-left:15px;
	max-width: 550px;
}

.clients-content{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;

}

.client-cell{
	width: calc(100% / 4);
}

.client-cell img{
	max-width: 100%;
	display: block;
}

#contact{
	min-height: 700px;
	padding: 15px;
}

#contact form{
	margin-top: 70px;
}

.project-panel{
	display: flex;
	align-items: center;
}

.project-highlights-container{
	flex-grow: 2;
	padding: 0 15px 0 30px;
}

.project-highlight{
	padding: 15px;
	margin-bottom: 15px;	
}

.project-highlight h2{
	color: #2962FF;
	font-family: 'Overpass', sans-serif;
}

.footer{
	/*background: #eee;*/
	background: #FAFAFA;
	height: 175px;
	color: #212121;		
}
.footer-content{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 15px;
}
.footer a{
	color: #000;
	
}

.link-special a{
	color: #2979FF;
	font-weight: bold;
}

@media (max-width: 576px) {
	.lead-content{
		justify-content: center;
		text-align: center;
		flex-wrap: wrap;
	}
	.service{
		justify-content: center;
		padding-top: 15px;
		flex-wrap: wrap;
	}
	.service-content{
		padding-left: 15px;
	}
	#contact-button{
		margin-top: 15px;
	}
	.project-panel{
		flex-wrap: wrap;
		justify-content: center;
	}
	.project-highlights-container{
		padding: 0;
	}
	.footer-content{
		padding: 15px;
	}
}

.mui-btn--primary {
    color: #FFF;
    background-color: #2962FF;
}
.mui-btn--primary:hover {
    color: #FFF;
    background-color: #2962FF;
}
.mui-btn--primary.mui-btn--flat {
    color: #2962FF;
    background-color: transparent;
}

.font-logo{
	font-family: 'Overpass', sans-serif;
}

.font-titles{
	color: #263238;
}
.font-accent{
	color: #2962FF;
	font-family: 'Overpass', sans-serif;
}

.margin-auto{
	/*margin: 0 auto;*/
}