/*------Global------*/
html {
	font-family:'Koho', sans-serif;
}
a:link {
	text-decoration:none;
}
body {
	margin:0;
}
/*------Header------*/
#banner img {
	width:100%;
}
.text {
	font:italic;
	color:white;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size:4.6vw;
}
.container {
    position: relative;
    text-align: center;
    color: white;
}

#nav {
	background-color:black;
	height:55px;
	text-align:center;
}

#nav a{
	color:white;
	font-size:35px;
	display:inline-block;
	padding-left:9%;
	padding-right:9%;
}

#nav a:hover{
	opacity:0.5;
}
/*------Categories------*/

#categories {
	text-align:center;
	margin:0 auto;
}

#categories h1{
	font-size:60px;
}

.pics {
	display:inline-block;
	padding-top:4%;
	padding:4% 2% 0 2%;
}

.pics img{
	height:450px;
}

#categories a:link{
	color:black;
}

#categories a:hover{
	opacity:0.5;
}
#categories a:visited{
	color:grey;
}
/*------About------*/
#about {
	background-color:black;
	padding:0.5%;
}

#about p{
	text-align:right;
	margin-top:-10px;
	padding-right:10px;
	color:white;
	font-size:16px;
}
#about h1{
	font-size:60px;
	text-align:right;
	padding-right:10px;
	color:white;
}

#icon img{
	display:inline;
	padding-left:40px;
	padding-right:40px;
	float:left;
	width:100%;
	max-width:320px;
	height:auto;
}

/*-----Photo Gallery-----*/
.photoGallery {
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
}

.photoGallery img{
	height:150px;
}


/*------Footer------*/
footer {
	background-color:black;
}
h2 {
	color:white;
	font-size:40px;
	display:inline-block;
	text-align:right;
	padding-left:20px;
}
h3 {
	color:white;
	font-size:10px;
	margin-top:-20px;
	margin-bottom:-10px;
	padding-bottom:2%;
	padding-right:10px;
	text-align:right;
}

.fa {
  padding:15px;
  font-size:35px;
  width:50px;
  text-align:right;
  text-decoration:none;
  /*margin:5px 2px;*/
}

.fa:hover {
    opacity:0.7;
}

.fa-facebook {
  background:black;
  color:white;
}

.fa-google {
  background:black;
  color:white;
  /*text-align:center;*/
}

.fa-instagram {
  background:black;
  color:white;
  /*display:inline-block;
  text-align:center;*/
}

/*------Media Query------*/
@media only screen and (max-width:565px) {
	#icon img{
		padding-left:42px;
	}
	#about h1{
		text-align:center;
	}
	#about p{
		text-align:center;
	}
	h2 {
		display:block;
		margin-top:-0.5%;
		margin-bottom:-0.5%;
	}
	#nav {
		height:100px;
	}
}