html {
	height: 100%;
}

#background {
	background: url('Pale Bamboo.jpg');
	background-size: cover;
	background-position: center;
	font-family: 'Exo 2', sans-serif;
	color: white;
}

.navbar {
	background-color: #649172;
}

/*.logo {*/
	/*height: 45px; 
	padding-top: 0;
	margin: 0;
	border: none;
	display: block;
}*/

.navbar #logo1 {
	width: 70px;
	height: 40px;
	padding-top: 0;
	margin: 0;
	border: none;
	display: block;
}

.navbar a.navbar-brand {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.navbar .navbar-brand img {
	width: auto;
	height: 100%;
	
}

.navbar .navbar-brand:hover {
	font-family: 'Rajdhani'; 
	font-weight: 500;
	color: white;
	content: "Pure";
}

#bs-nav-demo .navbar-nav li a {
	color: white;
	font-size: 120%;
	padding-top: 20px;
	margin-left: 10px;

}


#bs-nav-demo .navbar-nav li a:hover {
	color: purple;
}

#ddmenu {
	padding-top: 2px;
	padding-bottom:3px;
	margin-bottom: 0px;
	text-shadow: none;
	width: 100px;
	font-size: 120%;
}

#ddmenu:hover {
	color:purple;
}

#dropdownMenu1 {
	margin-top: 15px;
	border-radius: 8px;
	padding: 0;
	color: white;
	background: #649172;
}

#bs-nav-demo .navbar-nav .dropdown-menu {
	background: #649172;
}


#bs-nav-demo .navbar-nav .dropdown-menu li a{
	color: white;
	margin-left: 0;
}

#bs-nav-demo .navbar-nav .dropdown-menu li a:hover{
	background: white;
	color: #649172;
}

.content{
	min-height: calc(100vh - 60px);
}

.col-lg-12 {
	height: 100%;
}

.jumbotron {
	margin: 120px auto;
	background: rgba(100, 145, 114, 0.8);
	color: white;
	width: 60%;
	height: 90%;
	border-radius: 10px;
}

#content {
	text-align: center;
	/*padding-top: 30%;*/
}

#logomain {
	width: 50%;
}


.jumbotron #tagline {
	margin-top: 30px;
	font-size: 120%;
	width: 100%;
}


div .projectbox {
	background-color: rgba(100, 145, 114, 0.8);
	display: block;
	height: 220px;
	margin: 10px 40px 60px 40px;
	border-radius: 10px;
	color: white;
	/*padding: 0;*/
	/*font-size: 150%;*/
	padding-top: 2%;
	/*padding-bottom: 15px;*/
}

div .projectbox h3 {
	margin: 0 0 3px 0;
	text-align: center;
}

.projectbox img {
	width: 100px;
	height: auto;
	margin: auto 0 auto 20px;
}

div .projectbox p {
	margin-top: 5%;
	text-align: center;
}	

.projectbox a {
	color: white;
	margin: 3% auto;
}

.projectbox a:hover{
	text-decoration: none;
	color: purple;
} 

.fbcon{
	padding-left: 15px;
	padding-top: 15px;
}

.fa-facebook {
	color: white;
}

.fa-facebook:hover {
	color: purple;
}

footer {
	height: 60px;
	background-color: #649172;
	margin-bottom:0;
	color: white;
	text-align: center;
}

.photocredit {
	font-size: 80%
}
	
.photocredit a {
	color: white;
	text-decoration: underline;
}

.photocredit a:hover {
	color: purple;
	text-decoration: none;
}