* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica, sans-serif;
    background-color: #333;
}

h1 {
    font-size: 10vw;
    color: rgba(0,0,0,0.6);
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}

h2 {
    font-size: 5vw;
    color: rgba(0,0,0,0.6);
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}

p {
    font-size: 2vw;
    color: rgba(0,0,0,0.6);
    /*text-shadow: 2px 2px 3px rgba(255,255,255,0.1);*/
}

a {
    text-decoration: none;
}

#wrapper {
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#center {
    text-align: center;
    /*position: fixed;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*border: 3px solid #222;*/
    padding: 10vw;
}

.contact {
    /*position: fixed;*/
    /*position: fixed;*/
    /*height: 300px;*/
    /*width: 800px;*/

    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/

    background: #333;
    border: 3px solid #333;

    transition: 1s;
    transition-timing-function: cubic-bezier(.18,.89,.32,1.28)
}

.contact:target {
    color: #999;
    background-color: #999;
    font-size: 40px
}

.contact textarea:focus, #contact input:focus {
	border: 2px dotted #999;
}

.contact input.submit-button {
	/*width: 100px;*/
	float: center;
	color: #999;
}

input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #444; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=text], textarea {
    background-color: #444;
    color: #999;
}

textarea {
    height: 500px;
}

input[type=submit] {
  background-color: #444;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #666;
}

/* Checkbox Hack */
input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
label { 
    position: fixed;
    bottom: 1em;
    right: 2em;
    cursor: pointer;
    padding: 2em 3em;
    color: #999;
    background-color: #111;
    font-weight: bold;
    /*display: block;*/
}
/* Default State */
.who {
	display: none;
}
/* Toggled State */
input[type=checkbox]:checked ~ .who {
    display: block;
}
input[type=checkbox]:checked ~ .contact {
    display: none;
}