/* Global Styles */
	
html,
body{
		height: 100%;
		font-family: 'Roboto', sans-serif;
	}
	
body{
		padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	}
	
.img-portfolio {
		margin-bottom: 30px;
		}
	
.img-hover:hover {
		opacity: 0.8;
		}
	
	/* Home Page Carousel */
	
header.carousel {
		height: 50%;
	}
	
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
		height: 100%;
		font-family: 'Roboto', sans-serif;
	}
	
header.carousel .fill {
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: cover;
	}
	

		
	h1{
		font-family: 'Roboto', sans-serif;
		font-size:36px;
		font-weight:400;
		}
	
	
	
	h2{
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		font-weight:400;
		}
		
		
	h3{
		font-family: 'Roboto', sans-serif;
		font-size: 24px;
		font-weight: 400;
		}		
		
		
	p{
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		}
		
	p2{
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		}
		
		
	/* CCMarin Map */
	#map{
  height: 100%;
  margin: 0;
}


		
		
		
		
		
		
	/* Service Buttons */	
	
	.btn, btn-primary{
	background-color: #021f55;
	}
	
	.text-primary{
			color: #000099;
			}
			

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary.focus,
	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
	  color: #021f55;
	  background-color: #ccc;
	  border-color: none;
	}

	
	
	
	
	/* 404 Page Styles */
	
	.error-404 {
		font-size: 100px;
	}
	
	/* Pricing Page Styles */
	
	.price {
		display: block;
		font-size: 50px;
		line-height: 50px;
	}
	
	.price sup {
		top: -20px;
		left: 2px;
		font-size: 20px;
	}
	
	.period {
		display: block;
		font-style: italic;
	}
	
	/* Footer Styles */
	
	footer {
		margin: 50px 0;
	}
	
	/* Responsive Styles */
	
	@media(max-width:991px) {
		.customer-img,
		.img-related {
			margin-bottom: 30px;
		}
	}
	
	@media(max-width:767px) {
		.img-portfolio {
			margin-bottom: 15px;
		}
	
		header.carousel .carousel {
			height: 70%;
		}
	}