/*
.topnav {
  overflow: hidden;
  background-color:#636B46;
}

.topnav a {
  float: left;
  display: block;
  color:#E9E7DA;
	font-family: 'Raleway', sans-serif;
  font-size:24px;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.topnav a:hover {
  background-color:#CDA34F;
  color: black;
}
*/

.topnav {
  overflow: hidden;
  background-color:none;
}

.topnav a {
  float: left;
  display: block;
  color:#CFD8DC;
	font-family: 'Lato', sans-serif;
  font-size:24px;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.topnav a:hover {
  background-color:#263238;
  color:#F5F5F5;
  border-radius: 10px 10px;
}

.active {
  background-color:#263238;
  color:#F5F5F5;
}

.topnav .icon {
  display: none;
}

.dropdown {
	float: left;
	display:block;
	overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
/*  color:#E9E7DA; */
  color:#F5F5F5;
	font-family: 'Lato', sans-serif;
  font-size:24px;
  text-align: center;
	padding: 14px 16px;
	background-color: inherit;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #263238;
	color:#F5F5F5;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
	float: none;
	color: #F5F5F5;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-family: 'Lato', sans-serif;
  font-size:18px;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.dropdown:hover .dropbtn {
	background-color:#263238;
	color:#F5F5F5;
	border-radius: 10px 10px 0px 0px;
}

/* Add a background to dropdown links on hover */
.dropdown-content a:hover {
	color:#F5F5F5;
	background-color:#263238;
	border-radius:0px 0px 0px 0px;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
	display: block;
}

/* RESPONSIVENESS */
@media screen and (max-width: 600px) {
  .topnav .dropbtn {display: none;}
  .topnav a:not(:nth-child(2)) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    position:relative;
    text-align: left;
  }
  div.logo {
  	display:none;
  }
}

/*
@media screen and (min-width: 601px) {
	div.logo {
	  float: left;
	  display: block;
	  color:#E9E7DA;
		font-family: 'Raleway', sans-serif;
	  font-size:24px;
	  font-weight:bold;
	  text-align:left;
	  padding: 14px 16px;
	  text-decoration: none;
	  background-color:#0B3C5D;
	  border-radius: 10px 10px;
	  opacity: 0.7;
	}
}
*/

@media screen and (min-width: 601px) {
	div.logo {
	  float: left;
	  display: block;
	  color:#F5F5F5;
		font-family:'Arizonia', cursive;
	  font-size:24px;
//	  font-weight:bold;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
	  text-align:left;
	  padding: 14px 16px;
	  text-decoration: none;
	  background-color:none;
	  opacity: 0.7;
	}
}

@media screen and (min-width: 601px) and (max-width:800px) {
	.topnav a {
		font-size:16px;
	}
	.dropdown .dropdown-content a {
		font-size:14px;
	}
	.dropdown .dropbtn {
		font-size:16px;
	}
	div.logo {
		font-size:20px;
	}
}

/* Footer */
.bflex {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	padding-left:20%;
	padding-right:20%;
}

.bflex span {
	padding-left:5%;
	padding-right:5%;
}

.lg {
	font-size:16px;
	font-weight:bold;
}

footer i {
	font-size:26px;
	margin-right:10px;
}

.bflex a:visited {
	color:#E3E9F0;
}

.bflex a:link {
	color:#CFD8DC;
}
/*
.bflex a:hover {
	color:#673AB7;
}
*/
#sticky {
  width:auto;
  padding:20px;
  padding-bottom:16px;
  background-color:#263238;
  color:#F5F5F5;
	font-family: 'Raleway', sans-serif;
  font-size:14px;
	text-align:left;
  transition:.33s linear;
  bottom:0;
  margin-top:2%;
}
/*
#sticky:hover {
  background-color:#263238;
  color:#F5F5F5;
}

#sticky:hover a:link {
	color:#06203C;
}

#sticky:hover a:hover {
	color:#E9E7DA;
}
*/
/* Alternate Footer Variant */
#altsticky {
  width:auto;
  padding:20px;
  padding-bottom:16px;
  background-color:#E9E7DA;
  color:#F5F5F5;
	font-family: 'Raleway', sans-serif;
  font-size:12px;
	text-align:left;
  transition:.33s linear;
  bottom:0;
  margin-top:5%;
}

#altsticky:hover {
  background-color:#636B46;
  color:#E9E7DA;
}

#altsticky:hover a:visited {
	color:#262228;
}

#altsticky:hover a:hover {
	color:#E9E7DA;
}

#altsticky:hover a {
	color:#0B3C5D;
}

/* Color Scheme
Color 1: #E9E7DA
Color 2: #636B46
Color 3: #373F27
Color 4: #262228
Color 5: #0B3C5D
*/