/*                
._ _._ _ _ | _.
|_(_| | (/_|(_|
|               */

	* {
		margin: 0;
		padding: 0;
		font-size: 1.3vw;
		list-style-type: none;
	}

/* html */

html {
	scroll-behavior: smooth;
	}

header,section {
	width: 78vw;
	height: 98vh;
	padding: 2vh 20vw 0 2vw;
	}

figure {
  display: block;
  margin: auto;
}

footer {
	width: 78vw;
	height: 18vh;
	padding: 2vh 20vw 0 2vw;
	}

body {
	color: grey;
	position: center;
	font-family: Gill Sans;
}

h1,h3 {
	font-size: 3vw;
	font-weight: normal;
	color: #3c2e2b;
	font-family: Rockwell;
	position: center;
	}

h2 {
	font-size: 2vw;
	font-weight: normal;
	color: #3c2e2b;
	font-family: Rockwell;
	position: center;
	}

nav {
	position: fixed;
	top: 25vh;
	right: 2vw;
	}

/* special links to the right */

a:link {
	display: inline-block;
	width: 2vw;
	height: 2vw;
	border: 0.2vw solid black;
	border-radius: 50%;
	margin-bottom: 2vh;
	text-decoration: none;
	color: white;
	}


span {
	display: block;
	text-align: right;
	width: 10vw;
	font-size: 1.2vw;
	right: 0;
	opacity: 0;
	position: relative;
	top: 0.2vw;
	transition: right 0.2s, opacity 0.2s;
	}

a:hover span {
	font-size: 1.2vw;
	right: 11vw;
	opacity: 1;
	color: white;
	}

/* section colors */

.header {
	background-color: #F9F9F9;
}

.aboutus {
	background-color: #F9F9F9;
}

.location {
	background-color: #F9F9F9;
}

.credits {
	background-color: #3f3131;
}

/* hover effects */

.header-hover:hover {
	transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
}

.aboutus-hover:hover {
	??;
}

.menu-hover:hover {
	??;
}

.location-hover:hover {
	??;
}

section#map {
	width: 100%;
	height: 70vh;
}

.credits-hover:hover {
	transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
}

/* Social Media Styles */

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}

.fa:hover {
  opacity: 0.7;
}

.fa-facebook {
  background: #3f3131;
  color: white;
}

.fa-twitter {
  background: #3f3131;
  color: white;
}

.fa-instagram {
  background: #3f3131;
  color: white;
}