/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {margin: 30px 20px;}
nav {margin: 10px 0px;}
section {margin: 10px 0px;}

.visually-hidden {
      position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

* {font-family: "helvetica";font-weight:normal;}
body {background-color:#FFFAF6;font-size:15pt;line-height:1.5;}
#logo {text-align:center;}
img.logo {max-height:400px;max-width:100%;height:auto;}

#bottomlogo {text-align:center;margin:60pt 0 40pt 0}
img.bottomlogo {max-height:400px;max-width:10%;height:auto;}

a {color:#427A8B;font-size:20pt;font-weight:bold;transition: transform .2s;display:block;}
a:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
h2 {min-width:120pt;font-size:20pt;margin-bottom:4pt;  z-index:10;position:relative;text-shadow:#24424B 1px 0 2px; font-weight:bold;font-family: "helvetica";text-transform:uppercase;}
h3 {min-width:120pt;font-size:17pt;margin-top:4pt;margin-bottom:4pt;  z-index:10;position:relative;text-shadow:#24424B 1px 0 2px; font-weight:bold;font-family: "helvetica";}
p {margin-bottom:20px;  z-index:10;position:relative;text-shadow:#24424B 1px 0 2px;font-size:15pt;line-height:1.25;}
p:last-child {margin-bottom:0;}

.contact {
	display: flex;flex-wrap:wrap;flex-direction: row;justify-content:space-between;margin-bottom:0;font-size:15pt;
}
.fine-print, .fine-print p {
	text-align:center;font-size:12pt;color:#24424B;text-shadow:none;font-family: "helvetica";
}

section {
	display: flex;flex-direction: row;justify-content:space-between;
	flex-wrap: wrap;
	padding:20px 20px; color:#FFFAF6;border-radius:5px;
	background-color: #427A8B; 
	font-family: "helvetica";line-height:1.3;font-size:16pt;position:relative;
}
section div {
	margin-bottom:14px;
}


section#intro:after, section#whatwedo:after, section#accolades:after, section#contact:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  background-color: #427A8B; 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index:0;
  border-radius:5px;
}
section#intro:after {
  background-image: url('../i/sam.jpg');
}
section#whatwedo:after {
  background-image: url('../i/sushi-platter.jpg');
}
section#accolades:after {
  background-image: url('../i/party.jpg');
}
section#accolades p {
	font-style:italic;
}
section#contact:after {
  background-image: url('../i/glasses.jpg');
}
section#insta {
	padding-bottom:7px;
}
section#insta, section#insta:after {
	background-color:transparent;
}
section#accolades {
	margin-bottom:10px;
}

.banner {display:block;width:100%;height:200px;overflow:hidden;display: flex;flex-direction: row;justify-content:space-between;padding:10px 0;}
.banner .item {max-width:30%;width:1200px;height:100%;overflow:hidden;position: relative;height:200px;background-position: center;  background-size: cover;background-repeat: no-repeat;background-color: #cccccc;margin:auto;border-radius:5px;}
.banner .item:nth-child(1) {background-image:url('../i/1.jpg');}
.banner .item:nth-child(2) {background-image:url('../i/2.jpg');}
.banner .item:nth-child(3) {background-image:url('../i/3.jpg');}

.banner2 .item:nth-child(1) {background-image:url('../i/4.jpg');}
.banner2 .item:nth-child(2) {background-image:url('../i/5.jpg');}
.banner2 .item:nth-child(3) {background-image:url('../i/6.jpg');}

.banner3 .item:nth-child(1) {background-image:url('../i/7.jpg');}
.banner3 .item:nth-child(2) {background-image:url('../i/8.jpg');}
.banner3 .item:nth-child(3) {background-image:url('../i/9.jpg');}

.socials a, .socials img {width:30px;height:30px;display:inline-block;}
.socials li {width:20%;text-align:center;float:left;}
.socials2 {padding-top:10px;}

.behold-grid-post-caption__inner {text-shadow: 1px 1px 2px black;}
section#contact div {
  flex-basis: 100%;
	z-index:10;
	position:relative;
}
form {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:1000px;
}

form div {
		min-height:20pt;margin-bottom:8px;margin-top:8px;z-index:10;
}
form label {
	width:250px; display:block;z-index:10;
	margin-bottom:2pt;
}
input {
	height:25pt;
	margin-bottom:4px;
}
input, textarea {
	display:block;width:100%;
	border-radius:5px;
	border:0;
	padding:2pt 4pt;
	box-sizing: border-box;z-index:10;
	font-size:15pt;
	font-family:"helvetica";
}
input[type=submit] {
	font-face: "helvetica";
	cursor:pointer;
	margin-bottom:8px;margin-top:8px;
	background:#24424B;
	color:#FFFAF6;
	transition: transform .2s;
}
input[type=submit]:hover {
  transform: scale(1.01);	
}
.flex-break {
	  flex-basis: 100%;
	  height: 0;
  }

/*
White #FFFAF6
Teal #427A8B
Indigo #24424B
  
*/