.header
{
	position: fixed;
	top:0px;
}
.content
{
	padding-top: 3em;
}
.logo
{
	width: auto;
}
.logo img
{
	width: 3em;
	display: table-cell;
}
.logo .text
{
	text-align: center;
	font-size: 100%;
}
.menu_button
{
	display: table-cell;
	cursor: pointer;
	background-color: #bbbbcc;
	font-size: 1.5em;
	border: 2px solid #666666;
	text-align: center;
	vertical-align: middle;
}
.menu
{
	transition: all 300ms; 
	height: 100%;
	max-height: 0px; /* Can't transition from height:0px to auto so use max-height instead */
	padding: 0px;
	overflow: hidden;
	/* display: none; */
}
.menu.on
{
	/* display: block;  */
	max-height: 1000px;
	transition: all 1s;
}
.menu a
{
	text-decoration: none;
	display: block;
	background-color: #bbbbbb;
	border: 2px solid #555555;
	font-size: 1.5em;
	text-align: center;	
}
.menu a:hover
{
	background-color: #cccccc;

}
.youtube
{
	width: 300px;
	height: 240px;	
}
.form_table td
{
	display: block;
}
input[type=text], input[type=tel], input[type=email]
{ 
	 width: 100%; 
}
textarea
{
	width: 100%;
}