@charset "UTF-8";

#name {
	opacity:.9;
}
#name p {
	width:80%;
}
#main {
	display:none;
}
#menu { 
	display: inline-block;
  	margin: 0em;
  	cursor: pointer;
  	font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:.9em;
	text-decoration: none;
	color: #fff;
	background: #000000;
	text-align: center;
	padding: .5em 0em;
	width:80%;
	opacity:.9;
}
/* Default State */
#mob {
   display:none;
   margin:0em;
   padding:0em;
   align-content:center;
}
/* Toggled State */
input[type=checkbox]:checked ~ #mob {
   display:block;
}
#mob ul {
	float:left;
	margin:0em;
}
#mob ul li {
	display: inline-block;
    color: #FFFFFF;
    text-align: center;
    padding: .4em 1.55em;
	margin:.1em 0em .1em 0em;
    text-decoration: none;
	font-family: 'Muli', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:.9em;
	background-color:#000000;
	width:80%;
}
#mob ul li a {
	color:#FFFFFF;
	margin: 0em;
	padding: 0em;
}
#mob ul li a:hover, #mob ul li a:visited {
	color:#FFFFFF;
}
#mob ul li a:active {
	color:#999999;
}
#mainContent p {
	width: 80%;
}
#mainContent img {
	margin: 0em 0em 2em 0em;
	display:none;
}
#mainContent img.visMob {
	display:inline;
}
#mainContent img.work {
	display: none;
}
#mainContent img.workMob {
	display:inline;
	width: 80%;
	float: left;
	margin: 1em 2em 0em 0em;
	padding: 0em 0em;
}
h5:before { 
  margin-top: -265px; 
  height: 265px;
}
.hidMob {
	display:none;
}
.visMob {
	display:inline;
}
#name li.hidMob {
	display:none;
}
#name li.visMob {
	display:inline;
}
#mainContent #contactPic {
	display:inline;
	width:80%;
}