/*-- Font Family --*/
@font-face {
	font-family: 'GT-Walsheim';
	src: url('../../fonts/custom/gt-walsheim-regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('../../fonts/custom/gt-walsheim-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/custom/gt-walsheim-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/custom/gt-walsheim-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../../fonts/custom/gt-walsheim-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/custom/gt-walsheim-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

font-family: 'GT-Walsheim', sans-serif;

      /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
      *, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

html
{
	font-size:100%;
}

body
{
	-webkit-font-smoothing:antialiased;
	color:black;
	font-family:'GT-Walsheim', sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:1.4;
	text-rendering:optimizeLegibility;
}

/*
.line{
width: 600px;
height: 20px;
margin-left: 250px;
border-bottom: 1px solid black;
position: absolute;
}
*/


h1
{
	color:black;
}
          
.wrapper
{
	height:100%;
}

.left
{
/*	background-color:rgba(0,0,0,.025);*/
	border-right:1px solid ;
	float:left;
	height:100%;
    width:33.33%;
    margin-left:-1px;
	min-width:256px;
	position:fixed;
	
  
}

.right
{
	float:right;
	height:100%;
	position:relative;
	width:66.66%;
}


.name-hero
{
	background:rgba(0,0,0,.001);
	bottom:0;
	height:650px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	width:85%;
}

.name-logo
{
	background:url('../img/logo.png') no-repeat center center ;
	background-size:100%;
    background-position:0px;
/*	border-radius:100%;*/
	height:150px;
	margin:0 auto;
	position:relative;
	width:150px;
}

.name-hero h1
{
	font-size:2.5em;
    margin-bottom: 0;
    line-height: 0.75;
	text-align:center;
}

.list-padding{
 padding-left: 40px; 
 padding-top: 20px;
}

.name-hero h4
{
    margin-bottom: 0;
    line-height: 1.75;
    font-weight: 100;
	text-align:center;
}

.p-top-margin{
    margin-top: 10px;
}

.name-hero p
{
	color:black;
	font-size:0.75em;
	line-height:1.5;
	margin:0 8px 0 0;
	text-align:center;
}
       
.name-hero a
{
    text-decoration: none;
}

.name-hero .name-text
{
	margin:0 auto;
	width:85%;
}
          
.download-btn
{
	align-content: center;
	background:rgba(0,0,0,.75);
	border-radius:5px;
	color:#FFF;
	margin:auto;
	display:block;
	text-align: center;
	/*	list-style:none;*/
	margin:15px 15px 0 0;
	padding:10px;
	/*	text-align:center;*/
}

.download-btn:hover {
	color: #ff5733!important;
}

.inner
{
	margin:0 auto;
	max-width:975px;
	padding:3em;
}

#container{
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
}
/*
#container > div {
  width: 25%;
}
*/




.left-a
{
    display:inline-block;
}
span 
{
    display:inline-block; 

}
.right-a
{
    float:right;
}




.section-wrapper {
  width: 50%;
  float: left;
  text-align: left;
  color: #black;
  font-weight: 300;
  margin-bottom: 0;
}


.clearfix::after, .clearfix::before {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}







#container > div > h2 {
  width: 700px;
}

.inner h1
{
	font-size:1.75em;
    line-height: .75em;
}
          
.inner h2
{
	font-size:1.4em;
    font-weight:700;
}

            
.inner h3
{
    margin-bottom: 0;
    margin-top: 0;
	font-size:1.20em;
    font-weight: 600;
}
          
.inner p
{
	color:black;
}

.inner p em
{
	color:black;
	font-style:normal;
}

.inner section
{
	margin:100px auto;
}

.inner .floatleft
{
    font-weight: 100;
    font-size: 0.80em;
    display: inline-block;
    color: black;
    float: right;
}          
          
ul
{
	list-style-type:none;
	margin-top:-10px;
	max-width:570px;
	padding:0;
}

/*
.skill-set li
{
	background:rgba(0,0,0,.75);
	border-radius:5px;
	color:#FFF;
	display:inline-block;
	list-style:none;
	margin:15px 15px 0 0;
	padding:10px;
	text-align:justify;
}
*/
ul{
    list-style: disc;

}
@media screen and (max-width: 48em) {
	.right,.left
	{
		float:none;
    position:relative !important;
		width:100%;
    min-height:300px;
    margin-top: 100px;
	}
    .name-hero{
        height: auto;
    }
}
          
@media screen and (max-width: 75em) {
    body
{ font-size:16px;}

}

@media screen and (max-width: 60em) {
    body
{ font-size:14px;}
    
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}