* {box-sizing: border-box}

.tab {
	background-color:lightgray;
	/* height: 100%;  */
	width:25%;
	float:left;
	border: thin solid gray;
	padding-bottom:500em;
	margin-bottom:-500em;
	}
	
.tab button{
	display:block;
	background-color:inherit;
	width:100%;
	padding:20px 16px;
	border:none;
	outline:none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
}

.tab button:hover{
	background-color:gray;	
	color:white;
}

.tab button.active{
	background-color:red;
}

/* .tabcontent{ */
	/* background-color:linen; */
	/* float:left; */
	/* width:75%; */
	/* padding: 20px; */
	/* border:thin solid linen; */
	/* border-left:none; */
	/* padding-bottom:100em; */
	/* margin-bottom:-100em;	 */
/* } */

body, html {

height: 100%; 
/* min-height: 100%; */

}



form div{padding: 20px 0px 0px 10px}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

header li {list-style-type:none}

header img {float:left}

header{min-height:25%}

img{padding:0px 10px 10px 0px}


//h1 {padding-left:10px}

#tabcontainer {
	overflow: hidden;
	padding-bottom:10px;
	border: thin solid gray;
	min-height:70%
}

blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: brown;
  padding: 1.5em 0 0.5em;
  position: relative;
  width:50%;
  margin:auto
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linen;
  width: 3rem;
  height: 2rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #666;
  text-align: center;
}
blockquote:after {
  content: "\2013 \2003" attr(cite);
  display: block;
  text-align: right;
  font-size: 0.875em;
  color: #e74c3c;
}


.ohnohoney{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}


@media only screen and (max-width: 468px) {
	header img {display:none}
	header ul {padding:0}
	header div{margin:0}
	body{padding-top:50px}
	blockquote {  margin: 1.5em 0;}
}