html {
	font-size: 16px;
}

h1	{
	font-family:"Lato", sans-serif ;
	color: #FF6037;
	font-size: 3.75rem;

	
}
h2	{font-family: "Open+Sans", sans-serif;
	color: #FF6037;
	font-size: 2.25rem;

	}

h3	{
	color:#FF6037;
}	
body	{
	
	background-color: gray;
}
.nav-pills li.active a,
.nav-pills li a:hover {
    background-color: #05FCE7;
   
  color:#000;
}
.header	{
	background-color: #000;
	height: 6.25rem;
	width: 100%;

}
.header li	{
	color: #fff;
	display: inline;
}
.nav 	{
	padding-top: 1.25rem;
	

	
}
 #homepage .hero_image	{
	height: 37.5rem;
	width: 100%;
	background-image: url("../img/cityblur.jpg");
	background-repeat: no-repeat; 
	background-size: cover;
	text-align: center;
}

#services .hero_image	{
	height: 43.75rem;
	background-image: url("../img/businesspic.jpg");
	background-size: cover;
	text-align: center;
}
#testimonials .hero_image	{
	height: 37.5rem;
	background-image: url("../img/coding screen.jpg");
	background-size: cover;
	text-align: center;
}
#about .hero_image	{
	height: 37.5rem;
	background-image: url("../img/glasses.jpg");
	background-size: cover;
	text-align: center;
}
#contact .hero_image	{
	height: 37.5rem;
	background-image: url("../img/businesspic.jpg");
	background-size: cover;
	text-align: center;
}
	

.hero_image img	{
	margin-top: 4.6875rem;
	border: .125rem solid white;
	border-radius: 1.5625rem;
	height:auto;
	width: 25rem;
	display: block;

}
#homepage .hero_image span	{
	text-decoration: underline;
	color:white;
}

#homepage img {
	max-width: 100%;
	max-height: auto;
}
.hero_image h1	{
	margin-top: 6.25rem;
	max-width: 100%;
max-height: auto;
}
.hero_image p 	{
	color:#fff;
	font-size: 1.5rem;
	text-shadow: .125rem .125rem 0rem #000;
}
.top 	{
	height: 6.25rem;
	
	background-color: gray;
}
.top h1	{
	text-align: center;
	
}
.main 	{
	height:28.125rem;
	width: auto;
	background-color: gray;

}
.main p {
	color:#fff;
	text-align: center;
}
.main h2	{
	text-align: center;
}
.main img {
display: block;
margin: auto;
}

.icon	{
	height: 13.75rem;
	width: 13.75rem;
}
.download	{
	text-align: center;
	padding-bottom: 1.25rem;
}
.footer	{
	height: 12.5rem;
	background-color: #000;
}
.footer p {
	padding: 1.25rem;
	color: #fff;
}

#services .main p 	{
	padding-top: 7.5rem;
	padding-left: 1rem;
}
#services .hero_image p {
padding-top: 3.75rem;
}
#services	span	{
	color:#FF6037;
}
#services .main 	{
height: 87.5rem;
}

#services .main li	{
	color: #fff;
	font-size: 1rem;

}
#services .main li 	span {
	color:#000;
	font-weight: bold;
}
#services .main ul 	{
	padding-top: 6.25rem;
}
#services .main .symbol {
	
	margin: 2rem;
	float: left;
}
#services .main .symbol2 {
	
	margin: 2rem;
	float: right;
}
#services .main .text1 {
	
}

#testimonials .main 	{
height: 25rem;
}
#testimonials .main h3	{
	color: white;
}
#testimonials	.main span	{
	color:#05FCE7;
}
#testimonials	.hero_image	{
	height: 31.25rem
}
#about	.main p {
text-align:left;
}
#about	.main 	{
	background-color: #302F2D;
	height: 37.5rem;
}
#about	.top {
	background-color: #302F2D;
	height: 6.25rem;
}
#about	.main span	{
	color:#05FCE7;
}

#contact	.main 	{
	
	height: 43.75rem;
}
#contact	.main .header  {
        color: #FF6037;
        font-size: 1.6875rem;
        padding: .625rem;
    }

   #contact .bigicon {
        font-size: 2.1875rem;
        color: #05FCE7;
    }

#contact .main fieldset	{
	background-image: url("../img/blur-city-1.jpg");
	background-size: cover;
}
#contact .main span	{
	text-decoration: underline;
	color:white;
}
@media screen and (max-width: 768px) 
{
	.hero_image h1 {
		font-size: 2rem;

	}
	#homepage .top h1 {
		font-size: 2rem;
	}

	#homepage .top {
		height: 4rem;
	}

	#homepage .main h2 {
		font-size: 1rem;
		text-align: center;
	}
	.header	{
		height: 15rem;
	}
	.header .container-fluid {
		width:100%;
	}

	.nav li {
		padding-top: none;
	}
	#homepage .hero_image	{
		height: 45rem;
	}
	#services .hero_image	{
		height: 60rem;
	}
	#services .main .icon {
		 max-width: 30rem;
		height: auto;
		float: left;
	}
	
	#services .top h1 {
		font-size: 2rem;
	}
	#services .main h2 {
		font-size: 1.5rem;
	}
	#services .main
	{
		height:270rem;
	}
	#testimonials .main {
		height: 45rem;
	}
	#about .hero_image img {
		width: 100%;
		height: auto;
	}
	#about .hero_image {
		width:100%;
		height: auto;
	}
	#about .top {
		height:8rem;
	}
	#about .top h1 {
		font-size: 2rem;
	}
	#about .main 	{
		height:120rem;
	}
	#contact .hero_image img {
		width:100%;
		height: auto;
	}