/*************************
Nav 
**************************/

.btn-contact {
	color: white;
	padding: 0.8em 1.1em;
	border-radius: 3px;
	border: 1px solid rgb(68, 141, 242);
	margin: 7px;
	text-decoration: none;
}

.btn-contact:hover {
	background-color: rgba(255, 255, 255, 0.4);
	text-decoration-line: none;
	color: rgb(68, 141, 242);
	cursor: pointer;
}

.btn-call {
	background-color: rgba(225, 159, 15, 0.7);
	color: white;
	padding: 0.8em 1.1em;
	border-radius: 3px;
	border: 1px solid rgb(225, 159, 15);
	margin: 7px;
	text-decoration: none;
}

.btn-call:hover {
	background-color: rgba(255, 255, 255, 0.4);
	text-decoration-line: none;
	color: rgba(225, 159, 15, 1);
	cursor: pointer;
}

.btn-serv {
	background-color: rgba(143, 189, 74, 0.7);
	color: white;
	padding: 0.8em 1.1em;
	border-radius: 3px;
	border: 1px solid rgb(143, 189, 74);
	margin: 7px;
	text-decoration: none;
}

.btn-serv:hover {
	background-color: rgba(255, 255, 255, 0.4);
	text-decoration-line: none;
	color: rgba(143, 189, 74, 1);
	cursor: pointer;
}

/*************************
Nav 
**************************/

nav {
	background-color: rgb(68, 141, 242);
	background-color: rgba(68, 141, 242, 1);
}

/*************************
Body 
**************************/

body {
	font-family: 'Georgia';
	background-color: #F7F9FC;
}

/*Brand Colors*/

.lwd-g {
	color: rgb(143, 189, 74);
	color: rgba(143, 189, 74, 1);
}

.lwd-b {
	color: rgb(68, 141, 242);
	color: rgba(68, 141, 242, 1);
}

.lwd-o {
	color: rgb(225, 159, 15);
	color: rgba(225, 159, 15, 1);
}

.lwd-gr {
	color: grey;
}

.lwd-n {
	color: #15517E;
}

/*************************
Body > Splash
**************************/

.splash {
	background:
		linear-gradient(rgba(12, 12, 12, 0.2),
		rgba(12, 12, 12, 0.2)),
		url(../images/content/);
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.splash div h1 {
	color: white;
	filter: drop-shadow(2px 2px 1px rgba(90, 90, 90, 0.4));
}


/*************************
Body > Marquee
**************************/

.marquee {
	border-radius: 6px;
	position: relative;
	background-color: white;
	width: 80%;
}

.marquee marquee {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2em;
	color: rgb(68, 141, 242);
}



/*************************
Body > Main Service
**************************/

.main-service {
	color: #F7F9FC;
}

.main-service div h2 {
	font-size: 1.2em;
}

.main-service div a {
	color: #F7F9FC;
	text-decoration-line: none;
	text-decoration-color: #F7F9FC;
}

/*************************
Body > Testimonials
**************************/

.carousel-item {
	height: 700px;
	width: 100%;
	background: linear-gradient(rgba(21, 81, 126, 0.7),
		rgba(21, 81, 126, 0.7)),
		url(../../images/content/testimonials.jpg);
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.quote {
	color: white;
	/*	font-size: 2.3em;*/
	line-height: 1.8;
	letter-spacing: 1px;
	font-weight: 100;
}


/*************************
Body > Articles
**************************/

.lwd-card {
	border-radius: 6px;
	background-color: #F7F9FC;
	border: 0px solid;
	padding-left: 10px;
	padding-right: 10px;
}

.lwd-card-img-top {
	height: 160px;
	width: 255px;
	border-radius: 6px;
	margin-bottom: 10px;
}

.lwd-card-body {
	margin-left: 20px;
	margin-right: 20px
}


.lwd-card-body h5 {
	color: rgba(130, 219, 255, 1);
	margin-bottom: 10px;
}

.lwd-card-body p {
	font-size: 0.9em;
	margin-bottom: 40px;
}

/*************************
Body > Social Media
**************************/

.btn-floating {
	font-size: 34px;
}


@media (max-width: 375px) {
	/*	Extra small devices */


	/*************************
	Header Section - 375px
	**************************/
	.banner {
		height: 40px;
	}

	.ageuk {
		height: 40px;
	}

	.splash {
		height: 400px;
	}

	.splash div h1 {
		font-size: 1.2em;
	}

	.marquee {
		height: 50px;
		top: -20px;
	}

	.marquee marquee {
		font-size: 1.1em;
	}

	.main-service {
		height: 400px;
		font-size: .8em;
	}


}

@media (min-width: 376px) and (max-width: 767px) {
	/*	Small devices (landscape phones and up) */

	/*************************
	Header Section - 736 - 376px
	**************************/
	.banner {
		height: 55px;
	}

	.ageuk {
		height: 55px;
	}

	.splash {
		height: 600px;
	}

	.splash div h1 {
		font-size: 2em;
	}

	.marquee {
		height: 60px;
		top: -30px;
	}

	.marquee marquee {
		font-size: 1.3em;
	}

	.main-service {
		height: 600px;
		font-size: .9em;
	}




}

@media(min-width: 768px) and (max-width: 991px) {
	/*	Medium devices (tablets and up) */

	/*************************
	Header Section - 1024 - 737px
	**************************/
	.banner {
		height: 75px;
	}

	.ageuk {
		height: 75px;
		display: block;
		margin-left: auto;
	}

	.splash {
		height: 700px;
	}

	.splash div h1 {
		font-size: 2.5em;
	}

	.marquee {
		height: 80px;
		top: -40px;
	}

	.marquee marquee {
		font-size: 1.5em;
	}

	.main-service {
		height: 650px;
		font-size: .9em;
	}



}

@media(min-width: 992px) and (max-width: 1199px) {
	/*	Large devices (desktops) */

	/*************************
	Header Section - Laptop 1024 +  
	**************************/
	.banner {
		height: 90px;
	}

	.ageuk {
		height: 90px;
		display: block;
		margin-left: auto;
	}

	.splash {
		height: 800px;
	}

	.splash div h1 {
		font-size: 2.8em;
	}

	.marquee {
		height: 100px;
		top: -50px;
	}

	.marquee marquee {
		font-size: 1.6em;
	}

	.main-service {
		height: 700px;
		font-size: 1em;
	}



}

@media(min-width: 1200px) {
	/*	Extra large devices (large desktops) */

	/*************************
	Header Section - Laptop 1024 +  
	**************************/
	.banner {
		height: 120px;
	}

	.ageuk {
		height: 120px;
		display: block;
		margin-left: auto;
	}

	.splash {
		height: 900px;
	}

	.splash div h1 {
		font-size: 3.7em;
	}

	.marquee {
		height: 100px;
		top: -50px;
	}

	.main-service {
		height: 700px;
		font-size: 1em;
	}

}