body {
	font-family: 'Lexend', sans-serif;
color: #666;
	background-color: #E9E9E9;
}
iframe {
    width:100%;
    height:50px;
		margin: 0;
	padding: 0;
	border: none;
}
nav {
box-shadow: 0 5px 10px 0 rgba(0,0,0, .7);	
}
#intros .col-sm-4 {
	padding-bottom: 15px;
	
	margin-bottom: 15px;
	padding-top: 20px;
}

 
  #myHeader {
	  margin: 0;
	  padding: 20px;
	background-color: #E9E9E9;	
  }
.busName {
	font-style: italic;
	color: #a82438;
}


  
.navbar {

background-color: #595959;
padding: 0;
}
.nav-item {
	
	padding-right:50px;
}

.nav-item a {
		color: #CCC;
}
.nav-item a:hover {
		color: #F0F0F0;
		text-decoration: none;
}
.navbar-brand {
	margin-left: 10px;
}

.nav-item.active a{
	color: #FCF;
}
#myHeader {
	padding-top: 7px;
	padding-bottom: 7px;
}


#myHeader h4{
	font-size: 18px;
	margin: 13px 0 7px 0;
		
		color: #003;
font-family: 'Comfortaa', cursive;
font-weight: bold;
	
}
#myHeader h5{
		font-size: 14px;
			color: #666;
			margin: 5px;
			
}

#myHeader hr {
	margin: 0 0 11px 0;
}
#myHeader a {
	color: #B0B0B0;
}
#myHeader a:hover {
	text-decoration: none;
	color: #b41c22;
}

#comm {
		  margin: 0;
	  padding: 10px 20px 5px 20px;
	background-color: #CCC;
	
}
#comm h5{
		font-size: 14px;
	line-height: 22px;		
			margin: 5px;
			
}

#comm hr {
	margin: 0 0 11px 0;
}
#comm a {
	color:white;
}
#comm a:hover {
	text-decoration: none;
	color: #b41c22;
}
.btn-primary {
		background-color: #666;
}
#contact {
	
padding-top: 15px;
padding-bottom: 10px;

}
#contact hr {
	margin-top: 25px;
}
#contact h2 {
	font-size: 23px;

	text-align: center;
	margin-bottom: 30px;
}
#contact h5 {

	font-size: 15px;
	text-align: center;
	margin-top: 15px;
}
#contact h5 a {
	color: #c0c0c0;
}
#contact h5 a:hover {
	text-decoration: none;
	color: #a82438;
}
form {
margin-top: 20px;	
}
form label {
	color: #666;
}
.up-arrow {
font-size: 60px;
color: #CCC;	
}
.up-arrow:hover {
	text-decoration: none;
	color: #FFF;
}
.row {
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
	text-align: center;
}
.row p {
font-weight: 400;

}
.row h2 {
	font-size: 24px;
	margin-bottom: 30px;
	
}

.readMore a{
	text-decoration: none;
	color: #999;
	  font-size: 15px;
	  font-style: italic;
}
.readMore a:hover {
	  color: #F9C;
	  	text-decoration: none;
}


#builtBy a:hover {
	text-decoration: none;
	color: #FCF;

}
#copyright {
	color: #EFEFEF;
	font-size: 16px;
}
#footer {
	background-color: #666;	
	margin-top: 0;
	padding: 20px 0 5px 0;
}
#builtBy {
	font-size: 12px;
	margin-bottom: 0;
	color:#EFEFEF;
}
#builtBy a {
color: #CCC;
font-style: italic;
}

#intros img {
	margin-bottom: 30px;
	margin-top: 5px;
   box-shadow: 3px 3px 3px #CCCCCC;
  border-radius: 5px;
}
.intro h4{
	font-size: 22px;
	

}
.intro {
	background-color: #E9E9E9;	
	text-align: center;
	padding-top: 9px;
	padding-bottom: 7px;
}
#jumboMid {
	border-bottom: 1px solid #CCC;
}

#intros {
	margin-top: 0;
	padding-top: 0; 
 }
 .contactPage {
     margin-bottom: 20px;
 
 }
 
 .contactPage h5 {
	 margin-top: 60px;
	 font-size: 17px;
 }
 .contactPage img {
	    box-shadow: 3px 3px 3px #CCCCCC;
  border-radius: 5px;
 }
 
 #myHeader br {
	 display: none;
 }
 #comm br {
     
   
	 display: none;

 }
 @media (max-width: 500px) {
	.nav-item {
	
	padding-left:20px;
	padding-bottom: 7px;
	
}
iframe {
    width:100%;
    height:60px;

}
#jumboMid br {
	display: block;
}

 .intro h4 {
     font-size: 16px;
 }
 
  .contactPage h5 {
	 margin-top: 5px;
	 margin-bottom: 25px;
	 font-size: 15px;
 }
 #myHeader br {
	 display: block;
 }
 #comm br {
     
 display: block;
 }
 #myHeader {
	margin-left: 0;
	padding-left: 0;
		margin-right: 0;
	padding-right: 0; 
 }
 #myHeader h4 {
		margin-left: 0;
	padding-left: 0;
		margin-right: 0;
	padding-right: 0;  
	font-size: 12px;
	COLOR: #006;
 }
 
 #myHeader h5 {
		margin-left: 0;
	padding-left: 0;
		margin-right: 0;
	padding-right: 0;  
 }
  #comm {
	margin-left: 0;
	padding-left: 0;
		margin-right: 0;
	padding-right: 0; 
	padding-bottom: 9px;
 }
 #comm h4 {
		margin-left: 0;
	padding-left: 0;
		margin-right: 0;
	padding-right: 0;  
	font-size: 12px;
	COLOR: #006;
 }
 
 #comm h5 {
		margin-left: 0;
	padding-left: 0;
		margin-right: 0;
	padding-right: 0;  
 }
 .points {
	text-align: left; 
	margin-left: 15px;
 }
 #contact h5 {
     margin-left: 0;
     padding-left: 0;
         margin-right: 0;
     padding-right: 0;
 }
 
 }

  .sep {
	opacity: 0.5;
	margin: 20px 0 20px 0; 
 }
 
 .btn {
	border: none;
	outline: 3px solid rgb(102,102,102, 0.6);
    margin-bottom: 10px;
 }
 
 .btn:hover {
	background-color: #999;
	border: none; 
	outline: 3px solid rgb(102,102,102, 0.6);

 }
.btn:focus {
	background-color: #333;
	outline: 3px solid rgb(102,102,102, 0.6);
	border: none;
}