@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
* { box-sizing: border-box; }
body {
	font-family: 'Open Sans', 'Roboto', sans-serif;
	font-size: 0.8em;
	color: #28292a;
	text-align: center;
	background-color: #f0f0f0;
	margin: 0;
}
a {
	color: #337ab7;
	text-decoration: none;
	outline: 0;
}
a:hover { color: #777; }
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
.navwrapper {
	background-color: #fff;
	min-height: 3.7em;
	text-align: left;
	position: relative;
	z-index: 1000;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.55);
}
.navlilwrapper {
	position: relative;
	margin: 0 auto;
	min-height: 3.7em;
}
.logo {
	font-family: 'Open Sans', Roboto, sans-serif;
	font-size: 2.54em;
	outline: 0px none;
	letter-spacing: -4px;
	text-shadow: 0px 0px 2px rgba(189, 189, 189, 0.39);
}
.navbar {
	display: inline-block;
	position: relative;
	right: 0;
	height: 100%;
	border-width: 0px;
}
.navbar a {
	color:#404040;
	/* display:inline-block; */
	font-size: 104%;
	font-family: Roboto, 'Open Sans', sans-serif;
	/* text-shadow: 0 0 1px rgba(128, 128, 128, 0.25); */
	letter-spacing: -0.8px;
	transition: color .5s, transform 0.2s, -ms-transform 0.2s, -webkit-transform 0.2s;
	-webkit-transition: color .5s, -webkit-transform 0.2s;
}
.navbar li:hover {
	background-color: #f2f2f2;
}
.navbar li:hover a {
	color: #212121;
}
.tab1 { border-bottom: 3px solid rgba(0, 84, 255, 0.57); }
.tab2 { border-bottom: 3px solid rgba(255, 207, 0, 0.57); }
.tab3 { border-bottom: 3px solid rgba(0, 234, 178, 0.57); }
.tab4 { border-bottom: 3px solid rgba(255, 0, 0, 0.57); }
.tab5 { border-bottom: 3px solid rgba(163, 0, 226, 0.57); }
.tab6 { border-bottom: 3px solid rgba(42, 255, 0, 0.57); }
.tab7 { border-bottom: 3px solid rgba(249, 0, 255, 0.57); }
.tab8 { border-bottom: 3px solid rgba(255, 118, 0, 0.57); }
.tab1:hover { border-bottom: 8px solid rgba(0, 84, 255, 0.77); }
.tab2:hover { border-bottom: 8px solid rgba(255, 207, 0, 0.77); }
.tab3:hover { border-bottom: 8px solid rgba(0, 234, 178, 0.77); }
.tab4:hover { border-bottom: 8px solid rgba(255, 0, 0, 0.77); }
.tab5:hover { border-bottom: 8px solid rgba(163, 0, 226, 0.77); }
.tab6:hover { border-bottom: 8px solid rgba(42, 255, 0, 0.77); }
.tab7:hover { border-bottom: 8px solid rgba(249, 0, 255, 0.77); }
.mtab1 { border-left: 5px solid rgba(0, 84, 255, 0.57); border-right: 5px solid rgba(0, 84, 255, 0.57); }
.mtab2 { border-left: 5px solid rgba(255, 207, 0, 0.57); border-right: 5px solid rgba(255, 207, 0, 0.57); }
.mtab3 { border-left: 5px solid rgba(0, 234, 178, 0.57); border-right: 5px solid rgba(0, 234, 178, 0.57); }
.mtab4 { border-left: 5px solid rgba(255, 0, 0, 0.57); border-right: 5px solid rgba(255, 0, 0, 0.57); }
.mtab5 { border-left: 5px solid rgba(163, 0, 226, 0.57); border-right: 5px solid rgba(163, 0, 226, 0.57); }
.mtab6 { border-left: 5px solid rgba(42, 255, 0, 0.57); border-right: 5px solid rgba(42, 255, 0, 0.57); }
.mtab7 { border-left: 5px solid rgba(249, 0, 255, 0.57); border-right: 5px solid rgba(249, 0, 255, 0.57); }
.mtab8 { border-left: 5px solid rgba(255, 118, 0, 0.57); border-right: 5px solid rgba(255, 118, 0, 0.57); }
.navbar li {
	background-color: white;
	display: inline-block;
	height: 100%;
	padding: 0 0.56em 0 0.56em;
	line-height: 3.3em;
	transition: background-color .4s, border-bottom .2s linear;
	-webkit-transition: background-color .4s, border-bottom .2s linear;
}
.navul {
	vertical-align:top;
	position:relative;
	padding: 0;
	margin: 0;
	height: 100%;
	list-style-type: none;
	display: none;
}
.mnavul {
	font-weight: bold;
	background-color: #f8f8f8;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mnavul a { color: #525252; }
.mnavul li {
	padding: 0.27em 0 0.27em 0;
}
/*.navbar a:hover {
	color:gray;
	transform:translate(0px,-2px);
	-ms-transform:translate(0px,-2px);
	-webkit-transform:translate(0px,-2px);
}*/
.mobilenav {
	display: none;
}
.mobilecontainer {
	margin-left: 1em;
	padding: 0.2em;
	box-shadow: 0px 0px 1px 0px rgb(17, 17, 17);
	border-radius: 1px;
	cursor: pointer;
	display: block;
}
.mobilemenu {
	border-bottom: 0.25em solid #545454;
	border-top: 0.75em double #545454;
	height: 1.25em;
	width: 1.9em;
}
.header {
	font-size: 3em;
	color: white;
	text-shadow: 0px 0px 1px rgb(100, 100, 100);
	line-height: 1.3em;
	letter-spacing: -0.060em;
}
.small-header {
	font-size: 3em;
	line-height: 1.3em;
	letter-spacing: -0.060em;
	text-shadow: none;
}
.contentbox {
	width: 100%;
	margin: 0 auto;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #ddd;
	background-color: white;
}
.subject {
	border-bottom: 1px solid #ddd;
	padding: 0.5em 0.7em;
	text-align: left;
}
.footer {
	width: 100%;
	margin: 0 auto;
	/* padding: 0 0.1em 0 0.1em; */
}
.footer img {
	width: 33px;
	height: auto;
}
.social {
	display: none;
	padding-top: 0.5em;
}
.social a {
	display: inline-block;
	color: rgb(51,51,51);
	font-size: 0.65em;
}
.memfav {
	display: none;
	padding: 13px 0px 0px 8px;
}
@media only screen and (min-width: 30em) {
	body {
		font-size: 0.85em;
	}
	.navbar {
		display: block;
		height: 3.7em;
	}
	/*.navwrapper { text-align: center; }*/
	.contentbox {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.mobilecontainer { display: none; }
	.navul {
		display: inline-block;
	}
	.mobilenav { display: none; }
	.footer img {
		width: 48px;
		height: auto;
	}
	.social { display: table-cell; }
}
/* Desktop changes */
@media only screen and (min-width: 60em) {
	body {
		font-size: 1em;
	}
	.navbar {
		display: inline-block;
		position: absolute;
		right: 0;
		height: 100%;
	}
	.navul { border-top: none; }
	.navwrapper { text-align: left; }
	.navlilwrapper {
		max-width: 60em;
	}
	.contentbox {
		width: 60em;
	}
	.subject {
		padding: 0.8em 1.9em;
	}
	.footer {
		width: 55em;
	}
	.memfav { display: table-cell; }
}