body {
	/*background-color: #373737;*/
  /*background-color: #f4f4f4;*/
	font-family: 'Lato';
  background-color: transparent;
}
.navbar {
	background-color: #f4f4f4;
  /*background-color: #373737;*/

	max-height: 4em;
	-webkit-box-shadow: 0px -4px 37px 5px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px -4px 37px 5px rgba(0,0,0,0.57);
	box-shadow: 0px -4px 37px 5px rgba(0,0,0,0.57); 
	position: fixed;
	width: 100%;
	z-index: 50;
	transition: .3s all ease-in-out;
}
.logo {
	display: inline-block;
	margin: auto;
	padding: 25px 20px 10px 20px;
	transition: .3s all ease-in-out;

}
.logo-back {
	display: block;
	max-width: 195px;
	margin: auto;
	background-color: #373737;
	-webkit-box-shadow: -1px 10px 39px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 10px 39px -3px rgba(0,0,0,0.75);
	box-shadow: -1px 10px 39px -3px rgba(0,0,0,0.75);
	transition: .3s all ease-in-out;
	text-align: center;
}

/*Nav*/

.nav {
	text-align: center;
	box-sizing: border-box;
	font-family: 'Lato';
	transition: .3s all ease-in-out;
}
.nav a {
	text-decoration: none;
	color:black;
	font-size: .9em;
	display: inline-block;
	padding: 1.4em 1em;
	vertical-align: middle;
}
.nav a::after {
    content: '';
    display: block;
	transform: scaleX(0); 
    height: 2px;
    background: #BAA254;
    transition: transform .3s;
}
.nav a::after {
	transform-origin: 100% 50%;
}
.nav a:hover::after{
	transform: scaleX(1);
	transform-origin: 0% 50%;
}
.nav a:hover {
	color: initial;
}
.nav .selected::after {
    content: '';
    display: block;
	transform: scaleX(1); 
    height: 2px;
    background: #BAA254;
    transition: transform .3s;
}

.footer {
  height: inherit;
  padding: 3em 0em;
  display: flex;
  flex-direction: column;
  background: black;
  justify-content: center;
  align-items: center;
}
.footer p {
  color: white;
  font-size: 1em;
}
.footer a {
  text-decoration: none;
  color: white;
}
.footer div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.addresses {
  flex-direction: row;
  width: 80%; 
  font-size: 1.1em;
}
.addresses div {
  flex-direction: row;
  justify-content: flex-start;
}
.addresses .digital {
  flex-direction: column;
  align-items: flex-end;
}
.addresses .digital p {
  display: flex;
  align-content: center;
  min-height: 1em;
  margin: .2em;
}
.links {
  filter: invert(100%);
}
.footer-logo {
  max-width: 100px;
}
div.copy {
  padding-top: 2em;
  font-size: .6em;
  margin: 10px 0;
  color: #bbb;
  width: 100%;
  height: 10%;
  align-items: center;
  opacity: .5;
  transition: opacity .2s ease-in-out;
  justify-content: space-around;
}
.copy:hover {
  opacity: 1;
} 
.copy p {
  margin-bottom: 0;
  text-align: center;
  font-size: 1.3em;
}
.copy p> img {
  margin: 0 5px 0 12px;
  height: 10px;
  width: auto;
  vertical-align: baseline;
}
.right {
  text-align: right;
}
/*Navbar Shrink*/

.nav-shrink {
	font-size: 0.8em;
}
.logo-shrink {
	max-width: 110px;
	padding: 6px 6px 6px 6px;
}
.nav-hide {
	top: -5em;
}
.menu,.menu-ex {
	display: none;
}

/*Media Queries*/

@media (max-width: 800px)  {
  	.navbar {
  		position: absolute;
  	}
    section.location {
      padding: 0;
      min-height: inherit;
    }
  	.nav {
  		display: none;
  	}
  	.logo-back {
  		max-width: 200px;
  	}
  	.logo-shrink {
  		max-width: 100px;
  	}
  	.menu {
  		z-index: 100;
  		position: absolute;
  		width: 100%;
  		height: 100%;
  		background-color: rgba(0,0,0,.95);
  		display: flex;
  		flex-direction: column;
  		align-items: center;
  		justify-content: space-between;
  		font-family: 'Lato';
  		display: none;
  		/*font-weight: lighter;*/
  	}
  	.menu-ex {
  		display: inline-block;
  		margin: 2px;
  		color: #BAA254;
  	}
  	nav {
		display: flex;
  		flex-direction: column;
  		align-items: center;
  		justify-content: space-around;
  		height: 100%;
  	}
  	nav a {
  		width: 100%;
  		color: #BAA254;
  		text-align:center;
  		text-decoration: none;
  		font-size: 1.7em;
  	}
  	nav a:hover {
  		color: #BAA254;
  	}
  	nav .selected {
  		color: white;
  		/*background-color: #BAA254;*/
  	}
  	nav p {
  		color: white;
  		font-size: 1.7em;
  	}
  	.container {
  		padding-top: 2.3em;
  	}
    .one-third.column {
      width: 100%;
    }
}
@media (min-width: 900px) {
  	.one-third.column {
  		width: 30.6666666667%;
  	}
  	.nav a {
  		padding: 1.2em 1.5em;
  		font-size: 1em;
  	}
}
@media (min-width: 900px) {
    .one-third.column {
      width: 30.6666666667%;
    }
    .nav a {
      padding: 1.4em .95em;
      font-size: .9em;
    }
}