body {
	background-color: rgba(230, 255, 238, 1);
	background-image: url("https://images.unsplash.com/photo-1526304640581-d334cdbbf45e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;
	min-height:100%;
	font-family: 'Thasadith', sans-serif;
	margin-top:92px;
}

.nav-link {
	font-size: 25px;
	color:white; 
	-o-transition:color .1s ease-out, background .5s ease-in;
	-ms-transition:color .1s ease-out, background .5s ease-in;
	-moz-transition:color .1s ease-out, background .5s ease-in;
	-webkit-transition:color .1s ease-out, background .5s ease-in;
	/* ...and now override with proper CSS property */
	transition:color .1s ease-out, background .5s ease-in;
	width: 50%;
}

/* .nav-item{
	width: 10%
} */

  
.nav-link:hover { color:black; background: white;}


#logo-font {
	padding-top:10px;
	font-size:50px;	
	font-weight: 700;

}
#brand-font {
		font-family: 'Old Standard TT', serif;
		font-size:30px;
		color:white; background:#003310;
		margin-top: 5px;
	}
#page-header {
	background-color: #003310;

	height: 115px;
	font-family: 'Old Standard TT', serif;
	color: white;	
	font-size: 25px;
	
}
#page-footer{
	background-color: #003310;
	font-family: 'Old Standard TT', serif;

	height: 350px;
	/*font-family: 'Old Standard TT', serif;*/
	color: white;	
	/*font-size: 25px;*/
	padding-left:20px;

}
#large-content{
	/*margin: auto;*/
	font-size: 2.9em;
	padding-top: 50px;
	background-color:white;
	color:black;
	text-align: center;
	font-style: italic;
	/*overflow:overlay */
}

#header-left {
	float:left;
	margin-left:1.6%;
}
#header-right {
	float:right;
	margin-right:1.6%
}

#attempt-text {
	text-align: center;
	margin: auto;
	border: 1px solid black;
	padding: 5px;
	font-size: 1.3em;
}

.contact-information {
	font-size:30px;
	height:300px;
	/*width:300px;*/
	padding:30px;
}
.navbar {
  overflow: hidden;
  background-color: #003310;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  z-index: 99999;
  padding: 0.0rem 1rem;

 }
.jumbotron {
	margin-bottom:0px;
	background-size: cover;
	/*background:none; !important*/
}
.parallax {
	  /* The image used */

	  /* Set a specific height */
	  min-height: 220px; 
	  width: 100%;

	  /* Create the parallax scrolling effect */
	  background-attachment: fixed;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-image: url("https://images.unsplash.com/photo-1515606378517-3451a4fa2e12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1100&q=80");
	}
.container {
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	padding-right: 40px;
	padding-left: 40px;
	border-right: 40px solid black;
	border-left: 40px solid black;
	background-color: white;
	background-image:linear-gradient(black,white);
}


.information {
	text-align: center;
	max-width: 300px;
	height: 300px;
	background-color: rgba(0,0,0,.5);
	color:white;
	margin: 30px auto;
	border-radius: 25%;
	padding: 5px;
	font-size: 22px;
	/*overflow: auto;*/
}
.information-title {
	text-decoration:underline;
	/*font-size:20px;*/
}
.information-content {
	color:white;
	font-size:.9em;
	
}
.centered {
    text-align: center;
    font-size: 50px;
    font-family: 'Thasadith', sans-serif;
    background:rgba(0,0,0,.5);
    color:white;
	font-weight: bold;
 }

.map {
	padding-top:20px;
	/* margin-left: ; */
}

.mapouter {
	margin-top:40px;
}

.fa {
	/* color: white; */
	padding: 20px;
	font-size: 30px;
	width: 30px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	margin-left: 5px;
}

.fa:hover{
	background-color: #003310;
}

/* .fa-facebook {
	color: white;
} */

[id^=modal] {
	display: none;
	border: 1px solid red;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-height: 30em;
	min-width: 50em;
	max-width: 50em;
	background-color: #003310;
	border-radius:5%;
	color:white;
}
input[type=checkbox] {
	position: absolute;
	clip: rect(0 0 0 0);
}
#modal1:target {
	display: block;
}
#modal2:target {
	display: block;
}
#modal3:target{
	display: block;
}

[id^=modal] a {
	float: right;
}