@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Boogaloo|Open+Sans:400,700,800');


html{
	margin:0;
	padding:0;
}

.topBanner{
	background-color:#293b46;
}

.logoWhas{
	padding:12px 0;
}

.bgPaint{
	background-image:url(../images/bg.jpg);
	height:100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.logoLanningPaints{
	width:40%;
	padding:40px 0 28px;
}

.headerTextOne{
	font-family: 'Boogaloo', cursive;
	font-size:30px;
	color:#1a1712;
}

.headerParagraph{
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#1a1712;
	line-height:28px;
	margin-top:38px;
	padding:0 34px;
}

.btnLearn{
	font-size:20px;
	text-align:center;
	border:5px solid #630000;
	padding:9px 20px;
	margin-top:40px;
	margin-bottom:50px;
}

.bodyBack{
	background-color:#111111;
}

.boxes h3{
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
}

.boxes p{
	color:#ffffff;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	padding:7px 34px;
	margin-bottom:50px;
}

.bodyImages{
	border-radius:50%;
	border:solid 5px #ffbe02;
	margin:50px 0 20px;
	width:260px;
}

.footerLogos{
	margin:40px 0 36px;
}

.footerInfo{
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	color:#1a1712;
}

.socialIcons{
	margin:40px 0 60px;
}

.fbIcon{
	margin-right:20px;
}

.instaIcon{
	margin-left:20px;
}



@media (max-width:960px){
	
	.bgPaint{
		background-size:contain;
	}
	
	.logoLanningPaints{
		width:50%;
		padding:40px 0 20px;
	}
	
	.headerTextOne{
		font-size:35px;
		margin:0 14px;
	}
	
	.headerParagraph{
		font-size:14px;
		line-height:21px;
		margin-top:18px;
		padding:0 12px;
	}
	
	.btnLearn{
		font-size:15px;
		border:5px solid #630000;
		padding:9px 20px;
		margin-top:15px;
		margin-bottom:30px;
	}
	
	.bodyImages{
		border:solid 5px #ffbe02;
		margin:50px 0 20px;
		width:200px;
	}
	
	.boxes h3{
		font-size:16px;
	}

	.boxes p{
		padding:7px 20px;
		margin-bottom:2px;
	}
	
	.bodyBack{
		padding-bottom:46px;
	}
	
	.socialIcons{
		margin:20px 0 20px;
	}
	
}

@media (max-width:375px){
	.bgPaint{
		background-size:contain;
	}
	
	.logoLanningPaints{
		width:40%;
		padding:40px 0 20px;
	}
}