html {-webkit-text-size-adjust: none;}
* { -moz-box-sizing: borderbox; -webkit-box-sizing: borderbox; margin: 0; padding: 0; box-sizing: border-box;}

/*Main Page*/
body{
	background-color:black; 
	background-image:url("../img/fishtile.png");
	background-attachment:fixed;
	background-size:200px;
	font-family:"Playfair Display", "Times New Roman", Times, serif;
}
#wrapper{/*holds all page content*/
	height:100vh;
}
#logo{
	width:175px;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	align-self:center;
}
a{
	text-decoration:none;
}

/*Header*/
header{
	background-image:url("../img/headerbkg.jpg");
	background-position:center;
	background-size:600px;
}


/*Navbar*/
.topnav{
	display:flex;
	background-color:#232323;
	list-style:none;
	overflow:hidden;
}
@media screen and (max-width: 600px) {/*deals with responsive hamburger menu situation thing in small views*/
.topnav a:not(:first-child){
	display:none;
	}
.topnav a.icon{
	flex-grow:1;
	display:block;
	text-align:right;
}
.topnav.responsive {
	position:relative;
	flex-direction: column;
}
.topnav.responsive a.icon {
	position:absolute;
	right:0;
	top:0;
}
.topnav.responsive a {
	display:flex;
	text-align:left;
}
}
.topnav a{
	display:inline-block;
	line-height:40px;
	padding-left:5px;
	padding-right:5px;
	flex-grow:9;
	text-decoration:none;
	color:white;
	font-size:18px;
	text-transform: uppercase;
	font-family: "Pathway Gothic One", Helvetica, Arial, sans-serif;
}
.topnav a:hover{
	background-color:black;
	color:#e2c393;
}


/*Content*/
#main{
	background:rgba(255,255,255,.75);
	min-height:100px;
}

/*Footer*/
#footer{
	background-color:#232323;
	width:100%;
	color:white;
	display:flex;
	flex-direction:column;
}
#contactsnap{
	margin-top:20px;
}
#required{
	margin-bottom:20px;
}
.footgroup{
	text-align:center;
	margin:10px;
}
.footerlgtext, .footertext{
	font-family:"Pathway Gothic One", Helvetica, Arial, sans-serif;
}
.footerlgtext{
	font-size:18px;
}
.footertext{
	font-size:14px;
}
.footertext a{
	text-decoration:none;
	color:white;
}
.footertext a:hover{
	color:#e2c393;
}
#social{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin-bottom:5px;
}
.socialicon{
	width:30px;
	margin-top:10px;
	margin-left: 7px;
	margin-right:7px;
}
.socialicon:hover{
	background-color:#a57b4a;
}