.navback {
		background-color: #F4FCD9; 
		/*
		light: F4FCD9
		green: C5D8A4
		brown: BB9981
		Dark: 534340
		
		*/
	  }
  
	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(83, 67, 64, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
		/* light icon: rgba(244, 253, 231, 1.0) */
		/* green icon: rgba(208, 232, 164, 1.0) */
		/* light brown icon: rgba(187, 133, 129) */
		/* dark brown icon: rgba(83, 67, 64) */
	}

	.navbar-toggler:hover {
    	border-color: white;
    }
    
        
    .nav-link {
    	color: #534340;
    }
	
	.nav-link:hover {
		color: #BB9981;
	}
	
	.nav-link-highlight {
		color: #BB9981;
        font-weight:bold !important;
	}
	
	.footbg {
		background-color: #F4FCD9;
		color: #534340;
	}
	
	.lime-bg {
		background-color: #F4FCD9;
	}
	
	.green-bg {
		background-color: #C5D8A4;
	}
	
	.tan-bg {
		background-color: #BB9981;
	}
	
	.chocolate-bg {
		background-color: #534340;
	}
	
	.lime-txt {
		color: #F4FCD9;
	}
	
	.green-txt {
		color: #C5D8A4;
	}
	
	.tan-txt {
		color: #BB9981;
	}
	
	.chocolate-txt {
		color: #534340;
	}
	
	  /* Centered text */
	.centered {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  color: #FDFDFD;//32567C;//020202;//235623;232356;////7C5632;//020202;/*#FDFDFD;*/
	}

	img {
		display: stretch; 
		width: 100%;
	}

	.thumbnail {
		position: relative;
		padding:0px;
		margin:0px;
	}

	.caption {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate( -50%, -40% );
		text-align: center;
		color: #F4FCD9;
		font-weight: bold;
	}
	
	.mission {
		text-align: center;
		color: #BB9981;
		font-weight: bold;
		font-style: italic;
		max-width:675px;
	}
	
	.logo-top {
		/* position: absolute; */
		/* transform: translate(+50%, 0%); */
		/* max-width: 675px; */
	}
	
	.about-text {
		text-align: justify;
		color: #534340;
	}
	
	.gdpr {
		margin: 45px;
		background-color: #C5D8A4CC;
		color: #534340;
		border-color: #534340;

		
	}
	
	.gotit {
		background-color: #534340;
		color: #C5D8A4;
		border-color: #534340;
		/* position: absolute;  */
		/* right:15px; */
		/* top:30%; */
		
	}
	
	.gotit:hover{
		background-color: #BB9981;
		color:#534340;
		border-color: #534340;
		/* position: absolute;  */
		/* right:15px; */
		/* top:30%;	 */
	}
	
	.topLogo { /* Remember you can resize the image */
		width:114px;
		height:48px;
	}
	
	.outersection {
		padding:30px;
	}
	
	/* Source for box, img wrap, https://www.sitepoint.com/community/t/centering-image-inside-flexbox/287444/5 */
	.box {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.imgwrap {
	   width: 50%; /*or whatever you choose*/
	   margin: auto;
	}
	.imgwrap img {
	   display: block;
	   width: 100%;
	   max-width: 500px; /*actual image width*/
	   height: auto; /* maintain aspect ratio*/
	   margin: auto; /*optional centering of image*/
	}
	
	.content {
		text-align:justify;
	}
	
	.btn-custom {
		background-color: #C5D8A4;
		border-color: #C5D8A4;
		margin: 5px;;
	}
	
	
	
	/* https://stackoverflow.com/questions/710089/how-do-i-make-an-html-link-look-like-a-button */
	/* .button1 { */
  /* font: bold 11px Arial; */
  /* text-decoration: none; */
  /* background-color: #EEEEEE; */
  /* color: #333333; */
  /* padding: 2px 6px 2px 6px; */
  /* border-top: 1px solid #CCCCCC; */
  /* border-right: 1px solid #333333; */
  /* border-bottom: 1px solid #333333; */
  /* border-left: 1px solid #CCCCCC; */
/* } */