*{
	padding:0;
  margin:0;
  box-sizing:border-box;
}
html {
	font-family: 'Montserrat', cursive;
	font-size: 62.5%;
	font-weight: 700;
	margin: 0 auto;
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6{color: #3dbfae; text-align: center; }
h1{font-size: 60px;}
header a, h1 a{color:#ffffff; text-decoration:none;}
header a:hover, h1 a:hover{color:#fc3a64;}
h2{font-size: 3rem; color:#ffffff;}
main{background-color:#3DBFAE;}
.formholder{display:grid; justify-content:center;}
.formheader{color:#3DBFAE;}
label{font-size:1.6rem; color:#ffffff; align-self:center;}
input, select, textarea {
  background-color: #ffffff;
  color:#3dbfae;
  border-radius: 1.25rem;
  padding: 1rem;
  margin: 1rem;
}
input[type="text"],
input[type="email"],
select,
textarea {
  font: 1.25rem / 1.5 sans-serif;
  display: block;
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;
}
textarea{min-height: 5rem; resize:vertical;}
input[type="submit"]{
  padding:1rem;
  font-size: 1.3rem;
}
.main {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch;
	margin:2% auto;

}
.sidebuttons{
  display:  inline-block; 
  border:1px solid;
	background-color:#3dbfae;
	padding:1em;
	margin:10px;
	border-radius: 10px;
}
img {max-width: 100%;  display: block;}
a{text-decoration:underline;  
	text-decoration-style:dotted; 
	color:#000000; 
	font-weight:bold; 
}
a:hover{color:#fc3a64;}
/*.row{display:flex;}*/
.row1{
	width: 100%;
  margin:0;
  background-color:#3DBFAE;

}
.row2{
	width: 100%;
  display:grid;
  grid-template-columns: 1fr 3fr;


}
.container{
   display: flex;
   flex-direction: row;
	 flex-wrap: wrap;
}
.box {
	/*min-height:100px;
	min-width:100px;*/
	background-color:#3dbfae;

	padding: 20px;
  margin: 2rem;
}
.box1 {
	color: #ffffff;
}
.tablegrid{
  background-color: #A8E0D9;
  border-radius:.5rem;
  display:grid;

  margin: 2rem; 
  padding: 2rem;
  font-size: 1.5rem;
}
.exploregrid{grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr 1fr;}
.pastgrid{ grid-template-columns:2fr 3fr 1fr 1fr 1fr 1fr 1fr;}
.leadergrid{grid-template-columns:2fr 1fr;}
.additemgrid{grid-template-columns:2fr 2fr 1fr 1fr 0.5fr;}
.headrow{
  background-color:#3DBFAE!important; 
	color:#ffffff; 
	font-weight: bold; 
	margin: .1rem; 
	padding:.5rem; 
	text-align:center; 
	border-radius:.3rem;
}
#nav{display:flex; justify-content:flex-end;}
#nav ul{
  list-style-type: none;
  margin: 0;
  padding-top: 10px;
  flex
}
#nav li {
  display: inline-block;
  background-color: #3dbfae;
  color:#ffffff;
  font-size: 30px;
  padding: 10px;
}
#nav a{
  background-color: #3DBFAE; color:#ffffff;
  text-decoration:none;
  min-width:10rem;
  margin: 1rem;
  padding: 1rem;
  font-size:1.6rem;
  text-align:center;  
}
#nav a:hover{color:#fc3a64; font-weight:bold;}
.searchbar{display: flex; justify-content:center; align_items:flex-end;}
header {
	font-size: 40px;
	background-color:#3dbfae;
	margins: 20px;
	padding: 20px;
	color: #ffffff;
}
footer{background-color:#3dbfae;padding: 20px;margins: 10px;}
#feedback{background-color:#3DBFAE;border-radius:2rem;}
.gridform{
	display: grid; 
	grid-template-columns: 1fr 2fr; 
	max-width:600px; 
	padding:10px;
	margin:10px;
}
.note{
	font-size:.8em; 
	font-style:italic; 
	grid-column: 2/3; 
	color:#3B4C56; 
	text-decoration-style:dotted; 
	justify-self:right; 
}
.errclass{color: #ff0000; grid-column: 2/3; font-style: italic;}

.view_only input{background-color:#ffffff;color:#3dbfae; border:none;}
.datagrid{
	background-color:#a8e0d9; 
	padding:1rem; 
	margin:20px;
	border-radius: 10px; 
	font-size:1.4rem;
}
.datagrid th{background-color:#3dbfae; padding:10px;}
.datagrid td{padding:10px;}

.btn{
	background-color:#3DBFAE;
	color:#ffffff; 
	border:none; 
	padding:1.5rem; 
	margin: 2rem; 
	border-radius: 1.5rem; 
	font-size:1.5rem;
	text-decoration:none;
}
/*.btn2{
width:50px; 
background-color: #ffffff; 
color:#3dbfae; 
border-radius: 1.25rem; 
padding: 1rem; 
margin: 1rem; 
text-align: center;
} */
.btn:hover{cursor:pointer;}
.callout{
	background-color:#f2f2f2; 
	margin:2rem; 
	text-align:center;
	padding:2rem; 
	font-size:1.6rem;}
.hikehome{
	background-color: #3dbfae;
	padding:10px;
	margin:20px;
	border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
}
.hikehome input{
	background-color: #a8e0d9;
	padding:10px;
	margin:5px;
	border-radius: 5px;
	font-size: 16px;
}

.check{display:block;}
.center{text-align:center;}
.cell{padding:1rem;}
.msg{font-size:2em; text-align:center; font-style:italic;}

.welcome h2{font-size: 40px;text-shadow: 5px 5px 10px black;}
.welcome h1{color: #ffffff; text-shadow: 5px 5px 10px black;}
.welcome {
	width: 100%; 
	min-height: 660px; 
	vertical-align: middle; 
	margin: 0; 
	background-size: 100%; 
	color: #ffffff;
}