@charset "utf-8";
.band-home {
	background-color: #5C4B51;
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url(images/Roof001.jpg);
}

.band-residential {
	background-color: #FEB562;
	padding-top: 40px;
	padding-bottom: 60px;
}


.band-commercial {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #F06060;
}
.band-about {
	padding-top: 40px;
	padding-bottom: 50px;
	background-color: #FFFAFA;
}
.band-footer {
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-family: andika;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
}
.text-commercial {
	color: #FFFFFF;
}

.text-footer   {
	color: #FFFFFF;
	font-size: 16px;
}
h1 {
	color: #FFFFFF;
	font-family: andika;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
}
h3 {
	font-family: andika;
	font-style: normal;
	font-weight: 400;
}
h4 {
	font-family: andika;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
}


p {
	color: #FFFFFF;
}
.text-about {
	color: #000000;
}
.about {
}
.row {
	padding-top: 10px;
}
.text-residential {
	color: #000000;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.navbar {
	height: 70px;
	border-width: 0px;
}

a:hover  {
	text-decoration: none;
	color: #A9A9A9;
}
.navbar-default {
	background-color: rgba(0,0,0,0.88);
	border-color: #e7e7e7;
}
.text-us {
}



/*Mobile View*/
@media (max-width: 767px){
	
h4 {
	font-family: andika;
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
}	
	
}

/*Tablet View*/
@media (min-width: 768px) and (max-width: 991px){
}
h4 {
	font-family: andika;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
}

/*Desktop View*/
@media (min-width: 992px) and (max-width: 1199px){
}


/*Xtra Large Desktop View*/
@media (min-width: 1200px){
}