/* --------------------------------------------------------------------------
	Page Setup
-------------------------------------------------------------------------- */
/* --- Main content max width --- */
.content {
	max-width: 1200px;
	max-width: 120rem;
	margin: 0 auto;
	padding: 0 10px;
	padding: 0 1rem;
}
/* --------------------------------------------------------------------------
	Global Settings
-------------------------------------------------------------------------- */
body {
	position:relative;
	min-height: 100%;
 	height: auto !important;
  	height: 100%; /*for IE*/
    z-index:0;
}	

/* --------------------------------------------------------------------------
   	Page Setup
-------------------------------------------------------------------------- */
main {
	overflow: hidden;
}
/* --- Site wrapper --- */
.container {
	position: relative;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
/* --- Full width section setup --- */
section {
	position: relative;
	width: 100%;
	margin: 0;
	margin-bottom: -1px; /* safari fix */
	margin-bottom: -0.1rem; /* safari fix */
	padding: 0;
	
}
/* --- Content wrapper --- */
.content {
	position: relative;
	overflow: hidden;
	width: 100%;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}
/* --- Row Setup --- */
.row {
	/*margin-left:-100px; /* + .column: border-left-width = 0 */
	/*margin-left:-10rem; /* + .column: border-left-width = 0 */
}
/* --- Row Setup --- */
.row_center {
	margin-left:-100px; /* + .column: border-left-width = 0 */
	margin-left:-10rem; /* + .column: border-left-width = 0 */
	text-align: center;
}
/* --- Column Setup --- */
.column {
    border:0px solid rgba(0,0,0,0);
	border:0rem solid rgba(0,0,0,0);
    float:left;
	border-left-width:100px; /* + .row: margin-left = 0 */
	border-left-width:10rem; /* + .row: margin-left = 0 */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}
/* --- Column Setup --- */
.column_center {
    border:0px solid rgba(0,0,0,0);
	border:0rem solid rgba(0,0,0,0);
    float:left;
	border-left-width:100px; /* + .row: margin-left = 0 */
	border-left-width:10rem; /* + .row: margin-left = 0 */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    display: inline-block;
    float: none;
}

/* --------------------------------------------------------------------------
   	Sixteen Column - Setup
-------------------------------------------------------------------------- */
.one								{ width:  6.25%; }
.two 								{ width: 12.50%; }
.three 								{ width: 18.75%; }
.four 								{ width: 25.00%; }
.five 								{ width: 31.25%; }
.six 								{ width: 37.50%; }
.seven 								{ width: 43.75%; }
.eight, .half 						{ width: 50.00%; }
.nine 								{ width: 56.25%; }
.ten 								{ width: 62.50%; }
.eleven 							{ width: 68.75%; }
.twelve 							{ width: 75.00%; }
.thirteen 							{ width: 81.25%; }
.fourteen 							{ width: 87.50%; }
.fifteen 							{ width: 93.75%; }
.sixteen, .full 					{ margin-left:0; width:100%; }

/* --------------------------------------------------------------------------
   	Addictional Column - Setup
-------------------------------------------------------------------------- */
/* --- Three Column Setup --- */
.one-third 							{ width: 33.333333%; }
.two-third 							{ width: 66.666666%; }

/* --- Four Column Setup --- */
.one-quarter 						{ width: 25.00%; }
.three-quarter 						{ width: 75.00%; }


/* --------------------------------------------------------------------------
	Media Queries - Mobile First
	Standard 16px / 1em reference (min-width px/16px)
-------------------------------------------------------------------------- */

/* --- Media Queries - from 0px - 479px - Mobile Portrait	--- */
@media screen and (min-width: 0em) {
	.one-quarter,
	.one-third,
	.two-third, 
	.half,
	.tagline,
	.step							{ width: 100%; }
	.logo-holder					{ width: 60%; }
	.nav-holder						{ width: 40%; }
}

/* --- Media Queries - from 480px - 639px - Mobile Landscape --- */
@media screen and (min-width: 30em) {
	
}

/* --- Media Queries - from 640px - 959px - Tablet Portrait --- */
@media screen and (min-width: 40em) {
	.one-quarter					{ width: 25.000000%; }
	.one-third,
	.logo-holder 					{ width: 33.333333%; }
	.two-third,
	.nav-holder  					{ width: 66.666666%; }
	.tagline						{ width: 50.000000%; }
	.three-quarter					{ width: 75.000000%; }
	
	.content {
		padding: 0 30px;
		padding: 0 3rem;
	}
}

/* --- Media queries - from 960px - 1279 Tablet Landscape --- */
@media screen and (min-width: 60em) {
	.step							{ width: 33.333333%; }
	.half							{ width: 50.000000%; }
}

/* --- Media queries - > 1280px - 1919px --- */
@media screen and (min-width: 80em) {

	
}
/* --- Media queries - > 1920px - Desktop --- */
@media screen and (min-width: 120em) {
	

	
}

.underline_block{
	text-decoration: none;
    border-bottom: 3px solid;
    border-bottom: 0.3rem solid;
    margin-bottom: 10px;
	margin-bottom: 1rem;
	display: block;
	border-color: #b3a78d;
}

.linkedin_block {
	padding-top: 7px;
	display: inline-block;
    /* height: 50px; */
    vertical-align: top;
}

.linkedin_img {
	width: 40px;
}

.name_block {
	display: inline-block;
    height: 50px;
}