@charset "UTF-8";

body {
	font-family: 'Lato', "sans-serif;";
	font-weight: 300;
	color: #666;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
h1 {
	font-size: 2.5em;
	font-weight: 400;
	color: #429538;}


p {
	font-family: 'Lato', "sans-serif;";
	font-size: 1em;
	font-weight: 300;
	color: #666;
}


a {
	font-family: 'Lato', "sans-serif;";
	color: #429538;
	text-decoration: none;
}

a:hover {
	border-bottom:1px dotted #429538;
}

.container {
	width: 100%;
	overflow: hidden;

}

.header {
	width: 100%;
	margin: 0;
	overflow: hidden;
	vertical-align: bottom;
	clear: both;
}
.oh {
	text-align: left;
	width: 50%;
	float: left;
}
.about {
	clear: both;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 10%;
	line-height: 1.25em;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #429538;
	border-bottom-color: #429538;
	
}
.email {
	font-family: 'Lato', "sans-serif;";
	font-size: 0.75em;
	font-weight: 400;
	color: #CCC;
	width: 40%;
	padding-right: 10%;
	float: right;
	vertical-align: bottom;
}

.email p {
	text-align: right;
	font-weight: 400;
	color: #CCC;
}

.email a {
	font-weight: 400;
	color: #CCC;
	text-decoration: none;
}
.bgis {
	padding-right: 10%;
	padding-left: 10%;
	vertical-align: top;
	min-width: 500px;
	text-align:right
	
}


.bgis  .name {
	display: inline-block;
	text-align: right;
	margin-right:.5em;
}

.bgis .isgd{
	display: inline-block;	
}

.bgis  .isgd .is {
	font-size: 1.25em;
	font-weight: 300;
	color: #000;	
}




@media screen and (max-width: 620px) {
 .bgis {
    padding-right: 10%;
	padding-left: 10%;
    min-width: 0;
	}
  	.name  {
   		margin-left: 0;
		margin-right:0;
		float:none;
		line-height:0em;
		font-size: 1em;
  	}
	.isgd  {
   		float:none;
		width:100%;
  	}
	.isgd .is {
		line-height:0em;
		font-size: .5em;

	}
	
	
}.