@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600|Oswald');

html, body {
	height: 100%;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	color: #666;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	color: #333;
}
header {
	background: url('../img/back.jpg') no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
.bg-dark{
	background: transparent !important;
}
.bg-dark.scrolled{
	transition: 750ms ease;
	background: #333 !important;
}
.navbar-brand {
	font-size: 1.5rem;
	font-weight: 500;
	text-transform: uppercase;
}
.navbar-brand span{
	color: #ccc;
}
.nav-link {
	font-size: 0.9rem;
	font-weight: 500;
	text-transform: uppercase;
}
.fab {
	font-size: 2.2rem;
	padding: 0 0.5rem;
	color: #ccc;
}
.landing-text {
	padding: 4rem 0;
}
.landing-text h1 {
	font-size: 2.5rem;
	font-weight: 600;
	color: #f8f9fa;
	text-shadow: black 0.2rem 0.4rem 0.5rem;
	text-transform: uppercase;
	padding: 2rem 0 0;
}
.landing-text h3 {
	font-size: 1.2rem;
	font-weight: 400;
	color: #f8f9fa;
}
.padding {
	padding: 4rem 0;
}
.about-text h2 {
	font-size: 1.5rem;
	color: #003366;
	text-transform: uppercase;
}
.fas {
	font-size: 2rem;
	color: #003366;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.thumb img:hover {
	opacity: 0.75;
}
.contact-text h2{
	font-size: 1.5rem;
	color: #003366;
	text-transform: uppercase;
}
.contact-text h3{
	font-size: 1.1rem;
	font-weight: 300;
}
.contact-text h4{
	color: #003366;
	font-size: 1.2rem;
}
footer {
	background: #333;
}
.copiright {
	color: #f8f9fa;
}

@media (max-width: 768px) {
	.landing-text h1{
		font-size: 2.2rem;
	}
	.landing-text h3 {
		font-size: 1rem;
	}
	.padding {
		padding: 2rem 0;
	}
	.contact-text h2{
	font-size: 1.5rem;
	}
	.contact-text h3{
	font-size: 1.2rem;
	}	
}
@media (max-width: 576px) {
	.navbar-brand {
		font-size: 1.7rem;
	}
	.landing-text h1 {
		font-size: 1.7rem;
	}
	.landing-text h3 {
		font-size: 0.9rem;
	}
	.padding {
		padding: 1rem 0;
	}
	.fas {
	font-size: 1.5rem;
	}
	.contact-text h2{
	font-size: 1.6rem;
	}
	.contact-text h3{
	font-size: 0.8rem;
	}
	.contact-text h4{
	font-size: 1rem;
	}
}