/* CSS Document */
body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: linear-gradient(80deg, #FFF, #a5c7b7, #287853);
}
row{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right:10px;
}
.bg-off-white{
	background-color: #f2f2f2;
}
.white-border{
	border:medium #FFFFFF solid !important;
}
.navbar{
	height: auto;
	text-align: right;
	padding-left: 1%;
	padding-right:1%;
}
.logo{
	width: 200px;
}
.navbar li{
	padding-top:10px;
}
.navbar a{
	color:#FFF !important;
	font-size: 20px;
}
.navbar a:visited{
	color:#FFF;
	
}
.navbar a:hover{
	color:#a5c7b7;
	
}
.logo {
	margin-top: -15px;
}
.container{
	padding-top:20px;
	padding-bottom: 20px;
	padding-left:20px;
	padding-right:20px;
}
.spacer{
	height: 40px;
}
h1{
	color: #287853;
}
a {
	color: #287853;
}
a:hover{
	color:#a5c7b7;
	text-decoration: none;
}
h3{
	color:#a5c7b7,;
	padding-left:25px;
	padding-bottom: 5px;
	max-width: 500px;
	
}
footer {
	color:#000;
}
footer a{
	color:#000;
}
footer a:hover{
	color:#2C7B56;
}
.navbar-nav .nav-link a{
	color: #FFF !important;
}
.home-intro{
	padding:20px;
}
.rounded-shadow{
	border-radius: 10px;
	box-shadow: 5px 5px 8px 3px #ccc; 
}
button{
	background-color: #2C7B56;
	color:#FFF;
	border: none;
	border-radius: 5px;
	padding-left:20px;
	padding-right: 20px;
	padding-top:10px;
	padding-bottom: 10px;
}
@media (min-width: 768px) {
	body{
		background-image: linear-gradient(80deg, #287853, #a5c7b7, #287853);
	}
	.navbar{
		padding-left: 10%;
		padding-right:10%;
	}
	.logo{
		width: 400px;
	}
	.navbar li{
	padding-top:50px;
}
	.white-border{
	border:medium #FFFFFF solid;
}
}