/* Layout
================================ */
html, body {
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body {
	width: 100%;
	background: #f3f3f3;
	font-family:'Franklin ITC W01 Light';
}

nav {
	background: #ffffff;
	opacity: 0.96;
	position:fixed;
	top:30px;
	right:30px;
	z-index:9999;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.15);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: right;
	padding: 0;
	margin: 0;

}

nav ul {
	float: right;
	padding: 20px;
	margin: 0;	
/* 	background: purple; */
}

nav li {
	list-style: none;
	font-size: 0.750em;
	text-transform: uppercase;
	font-family:'DIN Next W01 Medium';
	letter-spacing: 0.125em;
	color: #676565;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 50px;
/* 	background: yellow; */
	text-align: left;
}
#potre {
	background: red;
}
nav li:hover{
	color: #a6e2d8;
}


nav span {
	color: #e3e3e3;
}

nav h1 {
/* 	background: red; */
	text-align: center;
	color:#343333;
	text-transform: uppercase;
	font-family:'DIN Next W01 Medium';
	font-size: .875em;
	letter-spacing: 0.125em;
	border-bottom: 1px solid #f3f3f3;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 15px 0px;
}

nav h1:hover {
	cursor: n-resize;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}


a {
	line-height: normal;
	color: #898989;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	font-family:'DIN Next W01 Regular';
}


a:hover {
	border-bottom: 2px solid #a6e2d8;
	color: #7d7d7d;
}

ul li {
	list-style: none;
	margin: 0 auto;
	padding: 0 auto;
}

::-moz-selection {
    color: #fff;
    color: rgba(255, 255, 255, 0.85);
    background: #a6e2d8;
}

::selection {
    color: #fff;
    color: rgba(255, 255, 255, 0.85);
    background: #a6e2d8
}

.wrapper {
/*
	-webkit-box-shadow:0 0 5px rgba(153,153,153,0.5);
	-moz-box-shadow:0 0 5px rgba(153,153,153,0.5);
	box-shadow:0 0 5px rgba(153,153,153,0.5);
	background: #f3f3f3;
*/
	z-index: 1;
}

#info {
/* 	background: orange; */
	padding: 140px 0px 0px 0px;
}

#headline {
/* 	background: red; */
	padding: 250px 0px 0px 0px;

}

.portrait {
/* 	background: yellow; */
	padding: 220px 0px 0px 120px;
}

.portrait p {
	color: #b0b5b5;
	font-family:'DIN Next W01 Regular';
	font-size: .750em;
	text-transform: uppercase;
	padding-top:10px;
	
}

#social-channels a{
	color: #454a4a;
}
#contact {
	margin:120px 0px 200px 0px;
	padding: 0px;

}

#quote {
/* 	background: aqua; */
	text-align: center;
	padding: 100px 0px 50px 0px;
}

#inner-content {
/* 	background: pink; */
}

#background {
/* 	background: green; */
margin: 0 auto;
padding: 0px;
}

#current {
	background: #f0f0f0;
	margin: 30px 0px 0px 0px;
	padding: 30px 10px;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;

}
#past {
/* 	background: #a5e3d9; */
	margin: 0px;
	padding: 40px;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;

}
#past:hover {
	background: #ededed;
}

#current:hover {
	background: #ededed;
}

#company-logo {
/* 	background: orange; */
}

#company {
/* 	background: red; */
	vertical-align: middle;
	padding-left:0px;
	margin-left:0px;
}

#time {
/* 	background:yellow; */
	text-align: left;
	padding: 0;
	margin: 0;
}

#highlights {
	margin:120px 0px 0px 0px;
	padding: 0px;

}

#highlights ul {
	padding-left:25px;
	margin-top:20px;
}


#highlights li {
	padding: 30px 20px;
	margin:3px;
	cursor: pointer;
}

#highlights li:hover {
	background: #ededed;
}


#social-channels {
	padding-left:79px;
	margin-top:20px;
}


/* Typography
================================================ */

h2 {
	font-size: 2.250em;
	font-family:'DIN Next W01 Regular';
	line-height: 1.125em;
}

#info p {
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
	font-family:'DIN Next W01 Light';
	line-height: 1.500em;
	font-size: 1.250em;
	
}


#info h2 {
	font-size: 2.500em;
	font-family:'DIN Next W01 Regular';
	line-height: 1.125em;
	margin-bottom: 40px;
}


#headline p {
	font-family:'DIN Next W01 Light';
	line-height: 1.375em;
	font-size: 1.375em;
	margin-bottom: 4em;
}

h3 {
	font-size: 1.500em;
	font-family:'DIN Next W01 Regular';
	line-height: 1.125em;
	padding-bottom: 5px;
	
	
}

#current h3 {
	font-family:'DIN Next W01 Regular';
	font-size: 1.125em;
	margin: 0;
	padding-top:10px;
/* 	padding-left: 20px; */
}

#current p {
	font-family:'DIN Next W01 Medium';
	font-size: .750em;
	text-transform: uppercase;
	color: #b0b5b5;
	margin:0 auto;
	line-height: .750em;
}
#past h3 {
	font-family:'DIN Next W01 Medium';
	font-size: .875em;
	letter-spacing: .125em;
	margin: 0;
	line-height: 1em;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

#past p {
	font-family:'DIN Next W01 Regular';
	font-size: 1em;
	color: #454545;
	margin:0 auto;
	line-height: 1.250em;
}

h4 {
	font-size: 1.500em;
	font-family:'DIN Next W01 Regular';
	line-height: 1.250em;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

#time p {
	font-size:.750em;
	letter-spacing: .125em;
	font-family:'DIN Next W01 Medium';
	color: #999999;
	text-transform: uppercase;
	
}

#company span {
	padding-right: 30px;
	font-size: .875em;
	font-family:'DIN Next W01 Regular';
	color: #ababab;
	line-height: 0;
	padding: 0;
	margin: 0;
}

#background ul {
	padding-left:0px;
	margin-left:0px;
}

#highlights h5 {
	font-family:'DIN Next W01 Regular';
	color: #454a4a;
	font-size: 1em;
	line-height:.750em;
}

#highlights p {
	color: #909696;
	font-family:'DIN Next W01 Medium';
	font-size: .750em;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0;
	padding: 0px 0px 0px 0px;
}
#quote p {
	color: #909696;
	font-family:'DIN Next W01 Medium';
	font-size: .750em;
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: .125em;
	margin: 0;
	padding: 0px 0px 3px 0px;
}

#highlights span {
	color: #b0b5b5;
	font-family:'DIN Next W01 Regular';
	font-size: .750em;
	text-transform: uppercase;
	line-height: 0;
	letter-spacing: .125em;
}
#quote span {
	color: #b0b5b5;
	font-family:'DIN Next W01 Regular';
	font-size: .750em;
	text-transform: uppercase;	
}


#contact h5 {
	color: #909696;
	font-family:'DIN Next W01 Medium';
	font-size: .750em;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0;
	padding: 10px 0px 10px 0px;
}

#contact ul {
	padding-left:0px;
	margin-left:0px;
}
#contact li {
	margin: 0;
	padding: 0;
	line-height: 2.250em;
	font-size: .875em;
}
/* Media Queries
================================================ */

/* Mobile Screens 
================================ */

@media only screen and (max-width: 40em) { 
	
h2 {
	font-size: 1.375em;
	font-family:'DIN Next W01 Medium';
	line-height: 1.125em;
}

	#headline p {
	font-size: 1.125em;
}

	#headline {		
		padding: 120px 0px 40px 0px;
}


#info p {
	-webkit-column-count:1; /* Chrome, Safari, Opera */
	-moz-column-count:1; /* Firefox */
	column-count:1;
	font-family:'DIN Next W01 Light';
	line-height: 1.375em;
	font-size: 1.125em;
	
}
#info h2 {
	font-size: 1.375em;
	font-family:'DIN Next W01 Medium';
	line-height: 1.125em;
	margin-bottom: 20px;
}

	#quote h3 {
	font-size: 1.000em;
	font-family:'DIN Next W01 Regular';
	line-height: 1.250em;
	
	
}

#quote {
/* 	background: aqua; */
	text-align: center;
	padding: 50px 0px 50px 0px;
}

.portrait {
/* 	background: yellow; */
	padding: 0px;
	margin:0;
}
#contact {
	padding: 10px;
}
#past {
/* 	background: #a5e3d9; */
	margin: 0px;
	padding: 10px 0px 10px 10px;
	border-top: 1px solid #e4e4e4;
}

#current {
	padding: 30px 10px 30px 20px;
}

#past {
	padding-left:20px;
}

#time p {
	padding-right: 0;
}

#highlights ul {
	margin-top:10px;
	padding-left:0px;
	margin-left:0px;
}

#highlights li {
	padding-left:0px;
	margin-left:0px;
	padding: 20px 10px;
}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */



@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.portrait {
/* 	background: yellow; */
	padding: 20px;
}
#info p {
	-webkit-column-count:1; /* Chrome, Safari, Opera */
	-moz-column-count:1; /* Firefox */
	column-count:1;
	line-height: 1.500em;
	font-size: 1.375em;
	
}

#info {
	padding: 40px;
}

#background { padding: 40px; }
#highlights { padding: 40px;}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */




@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.row {
		max-width: 87.5em !important;
		}
#info p {
/* 	-webkit-column-count:1; */ /* Chrome, Safari, Opera */
/* 	-moz-column-count:1; */ /* Firefox */
/*
	column-count:1;
	font-family:'DIN Next W01 Light';
	line-height: 1.500em;
	font-size: 1.375em;
*/
	
}
	
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */


/* X-Large Screens 
================================ */
@media only screen and (min-width: 90.063em) {

	nav {
		right: 400px;
		top:200px
	}
	.row {
		max-width: 110em !important;
		}
	#headline {		
		padding: 600px 0px 200px 0px;
}
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	.row {
		max-width: 110em !important;
		}

} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


/*
  &:nth-child(even) {
    margin-right: 0;
  }
*/