body {
position:relative;
font:normal 100% "franklin-gothic-urw";
margin: 0 auto;
padding: 0;
font-size:16px;
background-color:rgba(150, 150, 150, 1);
}
a {
color:#000000;
text-decoration:none;
}
.italic {
font-style:italic;
}
.link {
color:#2D33E8;
font-weight:500;
}
.list {
font-size:1em;
list-style:disc;
margin-top:-.1em;
margin-bottom:0em;
font-weight:200;
}
div.main {
width:100%;
background-color:white;
margin-top:-6em;
padding:0;
padding-bottom:15em;
min-height:30em;
line-height:1.32em;
font-size:1.45em;
font-weight:300;
margin-bottom:.3em;
letter-spacing:.022em;
}
.content {
width:82%;
clear:both;
margin: 0 auto;
padding-top:1em;
background-color:white;
}
.content.life p.noindent {
text-indent:0em;
}
h4 {
font-size:1.35em;
font-weight:200;
line-height:1.2em;
margin-bottom:0.15em;
margin-top:.8em;
text-indent:0em;
} 
ul {
padding:0;
}
ul.nav1 {
width:82%;
margin: 0 auto;
margin-top:3em;
font-size:.9em;
}
ul.nav1 li {
display:inline-block;
margin-left:4em;
margin-top:-.56em;
float:right;
vertical-align:middle;
padding:0;
}
ul.nav1 .first {
float:left;
width:10em;
padding:0;
margin-left:0em;
margin-top:0;
}
.secondary.header {
margin-top:4em;
}
div.mepic {
width:100%;
margin-top:-1.2em;
}
img {
width:100%;
}
.inlinepic {
width:15%;
margin-right:1em;
margin-top:-.25em;
}
.inlinepic img {
width:100%;
}
div.navbar {
font-size:.8em;
width:100%;
margin: 0 auto;
margin-top:8.5em;
margin-bottom:5em;
background-color:white;
}
.youarehere {
font-weight: 600;
}
ul, ol {
list-style:none;
margin-left:0;
padding-left:0;
}
.afterfloat {
clear:both;
}
.timeline.afterfloat {
margin-top:5em;
}
.timeline li {
font-size:16px;
display:inline-block;
height:10.5em;
min-height:8em;
margin-right:.025em;
margin-bottom:.25em;
vertical-align:middle;
font-size:.6em;
line-height:1.3em;
width:16%;
min-width:8em;
border-radius: 5px;
padding-left:.5em;
overflow:hidden;
}
.timeline li:first-child {
height:5em;
min-height:7.3em;
color:white;
width:4em;
min-width:4em;
border-radius: 7px;
float:left;
padding-top:.4em;
margin-right:.5em;
}
.timeline.casestudy li:first-child {
margin-right:1em;
}
p {
margin:0;
width:100%;
text-indent:1em;
}
.secondary.header + p {
text-indent:1em;
clear:both;
}
.timeline5 li p:first-child {
text-indent:0em;
}
#content3 {
margin-top:1em;
text-indent:0em;
}
.slogan {
width:100%;
margin-bottom:1em;
margin-top:0em;
text-indent:0em;
font-size:1.5em;
font-weight:100;
line-height:1.2em;
}
.slogan2 {
margin-bottom:.25em;
}
.bold {
font-weight:500;
}
.smallcaps {
font-size:.95em;
}
.timeline.last li:first-child {
background-color:rgba(255, 158, 0, 1);
}
div.projtextdiv {
width:53%;
margin-left:-.5em;
overflow:hidden;
color:white;
height:10em;
padding:.4em;
padding-left:.7em;
background: rgba(0, 0, 0, .4)
}
.content .chunk {
margin-top:2.5em;
}
.secondary.header li:first-child {
height:1.25em;
min-height:1.25em;
font-size:.7em;
font-weight:500;
margin-bottom:.4em;
padding:.25em;
padding-bottom:.35em;
padding-left:.5em;
border-radius: 4.5px;
}


.svgmepic {
width:11em;
margin-top:-1em;
}
.svgmepic img {
width:18.5%;
float:left;
margin-top:-.105em;
}
#gletzdesign {
display:inline-block;
margin-left:.38em;
font-weight:500;
font-size:1.28em;
letter-spacing:.25px;
color:#5b5b5b;
}



.fancybox-caption {
text-align:left;
padding-left:15%;
padding-right:10%;
font-size:2em;
}
@media (max-width: 576px) {
.secondary.header li:first-child, .timeline li:first-child {
font-size:1.25em;
}
.timeline1 li:first-child, .timeline2 li:first-child, .timeline3 li:first-child, .timeline4 li:first-child, .timeline5 li:first-child {
font-size:.6em;
}
.fancybox-caption {
font-size:2em;
}
}