@import url(http://fonts.googleapis.com/css?family=Muli:400,700);

html {
	font-size: 16px;
	background: #1D1C1A;
	font-family: "Muli";
	color: #AAAAAA;
}

a {
	text-decoration: none;
	color: #5B7B4F;
	cursor: pointer;
}

.clickable {
	cursor: pointer;
}

h1, .bigGreen {
	font-weight: bold;
	font-size: 24px;
	color: #62A348;
}

#headerTable {
	width: 100%;
	border-bottom: 1px solid #222222;
	display: table;
}

#headerTitle {
	font-weight: bold;
	font-size: 48px;
	color: #62A348;
	min-width: 30%;
}

#headerText {
	font-size: 18px;
	min-width: 30%;
}

#headerLogo {
	min-width: 50%;
	float: left;
}

.headerlogin {
	font-size: 18px;
}

.headerLink {
	text-align: center;
	
	font-size: 24px;
	padding: 12px;
	float: right;
}

#headerpic {
	padding: 14px;
	float: left;
}

#editor {
	margin-left:auto;
	margin-right:auto;
}

#mainTable {
	width:50%;
	min-width:480px;
	height:95%;
}

#info {
	
	width: 50%;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.subcenter {
	display: table;
	margin: 0 auto;
}

/* Grow */
.hvr-grow {
    display: inline-block;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}

@media only screen and (max-device-height: 900px) {
	#headerTable {
		display:none;
	}
}

@media only screen and (max-device-width: 1350px) {
    #headerTitle {
		display:none;
	}
    #headerText {
		display:none;
	}
    #headerLogo {
		min-width: 10%;
	}

}