@charset "utf-8";
/* CSS Document */

/* Font imports */
@import url('https://fonts.googleapis.com/css?family=Quicksand|Bree+Serif');

html, body{
	background-color: #7DC2AD;
	height: 100%;
}

body{
	overflow-x: hidden;
	font-family: Bree Serif;
}

body p, .services li{
	font-family: Quicksand, sans-serif;
	font-size: 16px;
}

body a{
	color: #4AB3AB;
	text-decoration: none;
}

body a:hover{
	color: #3A7B67;
	text-decoration: none;
}

.asterisk{
	color: red;
}

.hline{
	background-color: #3A7B67;
	width: 100%;
	height: 2px;
	margin: 15px 0;
}

.vline, .vlinedesktop{
	background-color: #3A7B67;
	width: 2px;
	height: 100%;
	margin: 0 auto;
}

.bodycontainer{
	background-color: #CAE9E7;
	width: 85%;
	background-size: cover;
	box-shadow: 0px 0px 25px black;
	border-left: 2px solid #3A7B67;
	border-right: 2px solid #3A7B67;
	border-bottom: 1px solid #3A7B67;
}

.navbar{
	background-color: #CAE9E7;
	border-left: 1px solid #3A7B67;
	border-right: 1px solid #3A7B67;
	border-bottom: 1px solid #3A7B67;
	padding: 15px 0;
}

.navborder{
	border: 1px solid #2B6864;
}

#navbar a{
	color: #4AB3AB;
	padding: 0 30px;
	font-size: 20px;
}

#navbar a:hover{
	color: #3A7B67;
}

#navbar .active a, #navbar .active a:hover{
	color: #2B6864;
}

.topcontainer{
	background-color: #AEDDDA;
	box-shadow: 0px 0px 75px black;
}

.toptext{
	font-size: 50px;
}

.number{
	font-size: 35px;
}

.heading{
	padding-top: 15px;
	margin-top: 30px;
	border-top: 2px solid #3A7B67;
}

.heading i{
	color: #4EA78C;
	text-shadow: 2px 2px 2px black;
}

.welcome{
	margin-top: 15px;
}

.servicearea{
	margin-top: 15px;
}

.areas > p a{
	text-align: justify !important;
}

.footer{
	margin-top: 30px;
	padding-top: 15px;
	padding-bottom: 15px;	
	box-shadow: 0px 0px 75px black;
	background-color: #AEDDDA;
}

.footer p{	
	margin-bottom: 0rem !important;
}

/* This adds bullet points to the unstyled list (to remove whitespace) */
.services li::before{
	content: "\2022";
}

/* Styles for devices with a screen width of less than 1150px */
@media only screen and (max-width: 767px){
	h1{
		font-size: 35px;
	}
	
	h2{
		font-size: 30px;
	}
	
	.vline{
		width: 100%;
		height: 2px;
		margin: 15px 0;
	}
	
	.navborder{
		display: none;
	}
		
	.navbar li:not(:last-child):after{
		display: none;
	}
	
	#navbar a{
		padding: 10px 0;
	}

	.logo{
		text-align: center !important;
	}

	.toptext{
		text-align: center !important;
		font-size: 35px;
	}
	
	.number{
		font-size: 25px;
	}

	.heading{
		padding-top: 15px;
	}
	
	.heading .col-md-4{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.servicearea p, li{
		padding: 0px;
	}
}