* { padding:0; margin:0; }
::-moz-selection { background:#00ADD8; }
::selection { background:#00ADD8; }
html, body {
font-family: 'open_sanscondensed_light', 'Open Sans', sans-serif;
font-weight:300;
color:#555;
padding:0;
margin:0;
background-color:#222;
-moz-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}

#banner {
float:left;
width:100%;
height:650px;
margin:0;
padding:0;
}
h1 {
font-size:40px;
font-weight:300;
color:#FFF;
letter-spacing:35px;
line-height:50px;
text-align:center;
margin:240px 0 25px 0;
padding:0 0 0 35px;
}
.banner-text {
float:left;
font-size:20px;
font-weight:300;
color:#BBB;
letter-spacing:1px;
width:90%;
text-align:center;
margin:0;
padding:0 5%;
}
.banner-icons {
width:240px;
margin:0 auto;
padding:35px 0;
}
.wrapper { float:left; width:100%; padding:85px 0; margin:0 auto; }
.pete-wrapper { float:left; width:100%; padding:85px 0; margin:0 auto; }
	.white { background:#FFF; }
	.grey { background: url('images/bg-navigate.png') -80px -55px no-repeat #FFF; }
	.dark { background: url('images/bg-skills.jpg') top center #26272b; background-size:cover; }
.container { float:none; max-width:1200px; width:90%; padding:0 5%; margin:0 auto; }
.content { float:left; width:100%; max-width:1200px; margin:0 auto; }
.portfolio-content { float:left; width:100%; margin:0 auto; }

h2 {
font-size:30px;
font-weight:300;
color:#9A9A9A;
letter-spacing:10px;
text-align:center;
margin:0;
padding:0 0 0 10px;
}

.cursive {
font-family: 'Leckerli One', cursive;
font-size:56px;
letter-spacing:-1px;
}

.info {
float:left;
font-size:18px;
color:#555;
line-height:25px;
width:55%;
}
.pete-title {
text-align:left;
margin-bottom:25px;
padding:0 !important;
}
.pete { 
float:right; 
width:40%;
}
.pete img { 
float:right; 
width:100%;
}

.c3 {
float:left;
width:30%;
margin:0 5% 0 0;
padding:0;
font-size:18px;
font-weight:300;
color:#777;
line-height:25px;
text-align:center;
}
.c3:nth-child(3n+1) { margin:0; }
.c3 img { 
width:100%;
max-width:235px;
height:auto; 
padding:0; 
margin:65px 0 10px 0; 
}

h3 {
float:left;
font-size:20px;
font-weight:300;
color:#FFF; 
letter-spacing:1px;
width:100%;
text-align:center;
margin:25px 0 10px 0;
}


#portfolio-nav-wrap { 
float:left;
text-align:center;
width:90%;
padding:0 5%;
}
#portfolio-nav {
list-style:none;
width:100%;
text-align:center;
margin:35px 0 55px 0;
padding:0;
}
.selected { 
background:#00ADD8 !important; 
color:#FFF !important; 
-webkit-transition: all 0.1s ease-out;  
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out; 
}
.selected:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 204, 255, 0);
border-top-color: #00ADD8;
border-width: 7px;
margin-left: -7px;
}
.selected:hover { background:#00ADD8 !important; color:#FFF !important; border:2px solid rgba(255,255,255,0) !important; }
#portfolio-nav li {
display:inline-block;
margin:0;
padding:0;
}
#portfolio-nav li a {
position:relative;
font-size:18px;
color:#555;
letter-spacing:2px;
text-align:center;
text-decoration:none;
height:50px;
line-height:50px;
margin:0;
padding:10px 25px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-webkit-transition: all 0.1s ease-out;  
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
border:2px solid rgba(255,255,255,0);
}
#portfolio-nav li a:hover {
background:#FFF;
color:#222;
cursor:pointer;
border:2px solid #222;
}


.featured-ex { float:left;width:90%;padding:0 5% 5% 5%;background:#FFF; }
.featured-image { float:left;width:60%; }
.featured-text { float:left;width:40%; }
.featured-text li { list-style:none; margin-left:10px; margin-bottom:15px; }
.featured-text li a { text-decoration:none; color:#00ADD8; }

.c4 { 
float:left;
background:#EEE;
font-size:18px;
color:#111; 
width:25%; 
min-height:300px;
text-align:center;
margin:0;
padding-bottom:13px; 
overflow:hidden;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.c4:hover { background:#DDD; }
.c4 a { 
float:left; 
display: inline-block;
background: url('images/icon-link.png') center center no-repeat #000; 
width:100%; 
height:250px; 
margin-bottom:4px; 
overflow:hidden; 
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-bottom:6px solid #EEE;
}
.c4 a:hover { border-bottom:6px solid #00ADD8; }
.c4 img { 
float:left; 
object-fit: cover;
display: inline-block;
text-align:center;
width:100%; 
height:100%;
min-width:100%; 
min-height:100%; 
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.c4 img:hover { opacity:0.2; }

.site {
float:left;
width:100%;
font-size:12px;
color:#777;
}

.arrow-down {
position:absolute;
left:50%;
margin-left:-30px;
width: 0; 
height: 0; 
border-left: 30px solid transparent;
border-right: 30px solid transparent;	
border-top: 20px solid #FFFFFF;
margin-top:-85px;
}
.contact-info {
float:left;
width:100%;
text-align:center;
font-size:18px;
color:#BBB;
margin:15px 0;
}
#contact-nav-wrap { 
float:left;
text-align:center;
width:100%;
margin:35px 0 0 0;
}
#contact-nav {
display:inline-block;
list-style:none;
width:100%;
text-align:center;
margin:0;
padding:0;
}
#contact-nav li {
display:inline-block;
height:30px;
line-height:30px;
margin:0 10px;
padding:0 0 0 35px;
font-size:18px;
color:#FFF;
letter-spacing:1px;
text-transform:uppercase;
}
#contact-nav li a {
color:#FFF;
text-decoration:none;
}
.icon-email { background:url('images/icon-email.png') top left no-repeat; }
.icon-phone { background:url('images/icon-phone.png') top left no-repeat; }
.icon-linkedin { background:url('images/icon-linkedin.png') top left no-repeat; }