/* Space out content a bit */

html {
		min-height: 100%;
}

body {
	padding-top: 20px;
	padding-bottom: 20px;
}

.bgbody
{
	background-image:url(/images/ebc_body.png);
	background-repeat: no-repeat;
	background-position: right bottom;
  background-attachment: fixed;
  background-size: 300px;
}

a {
	color: #2bdd37;
	text-decoration: none;
}

a:focus, 
a:hover {
	color: #157f00;
	text-decoration: underline;
}


.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
    color: #157f00;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>li>a, 
.pagination>li>span {
		color: #4fd978;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    color: #fff;
		background-color: #4fd978;
		border-color: #4fd978;
}

section {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header {
	padding-right: 15px;
	padding-left: 15px;
}

/* Custom page header */
.header {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 40px;
}

.navbar-default {
    background-color: #fff;	
    border-color: #fff;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
		color: #fff;
		background-color: #4fd978;
    border-color: #259f00;		
		border-radius: 4px;
}

.navbar-default .navbar-nav>li {
    text-align: right;
}

.navbar-default .navbar-nav>li>a {
    color: #777;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
		color: #4fd978;
}

.navbar-brand {
	padding: 0px 15px 0px 15px;
}

.navbar-brand img {
	padding: 0px;
	height: 75px;
}

.badge {
    color: #fff;
		background-color: #4fd978;
  }



/* Responsive: Smaller than portrait tablets */
@media screen and (max-width: 768px) {
	.navbar-brand img {
		height: 50px;
	}
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	/* Remove the padding we set earlier */
	.header
	{
		padding-right: 0;
		padding-left: 0;
	}
	/* Space out the masthead */
	.header {
		margin-bottom: 30px;
	}
	.navbar-brand {
    height: 75px;
  }
}

@media screen and (max-height: 500px) {
	.bgbody
	{
	  background-image: none;
	}
}

@media screen and (min-height: 501px) and (max-height: 600px) {
	.bgbody
	{
	  background-size: 100px;
	}
}

@media screen and (min-height: 601px) and (max-height: 700px) {
.bgbody {
    background-size: 200px;
}
}