body {
background-color:white;
}

div.main {
height:auto;
}

div.main {
min-height:15em;
}

.icons, .mark, .flow, .whiteboard {
clear:both;
}

.content a {
color:#2D33E8;
}

.noindent {
text-indent:0px;
}

.timelineGRANT li {
background-image: linear-gradient(-45deg, rgba(162, 142, 255, 0.7), rgba(162, 142, 255, 1));
width:15.65%;
margin-right:0;
}
.timelineGRANT li:first-child {
background-image: linear-gradient(-45deg, rgba(255, 164, 46, 0.7), rgba(255, 164, 46, 1));
padding:.5em;
width:5em;
}

.style {
margin-top:1em;
}

.secondary li {
width:5.75em;
min-width:5.75em;
float:left; 
margin:0em .5em .7em 0em;
display:inline-block;
border-radius:.5em;
height:6em;
overflow:hidden;
position:relative;
}
.secondary li:first-child {
width:7.75em;
min-width:7.75em;
height:1.25em;
min-height:1.25em;
font-size:1em;
font-weight:500;
margin-bottom:.35em;
padding:.5em;
}
.secondary.flow li, .secondary.flow li:first-child, .secondary.proto li, .secondary.proto li:first-child,  .secondary.timing li, .secondary.timing li:first-child,  .secondary.bizops li, .secondary.bizops li:first-child {
width:100%;
height:100%;
padding:0em;
text-align:center;
}
.secondary.flow li img, .secondary.flow li:first-child img {
width:50%;
margin: auto;
} 
.secondary.flow li img.smallerimg, .secondary.flow li:first-child img.smallerimg {
width:50%;
margin: auto;
} 
ul.secondary.prices {
width:100%;
margin-top:0em;
}
.secondary.prices li {
border-radius:0;
height:100%;
padding:0em;
margin-top:1.25em;
margin-right:-.75em;
float:left;
}
.secondary.prices li img.voting {
width:80%;
}
.proto li, .proto2 li {
width:5%;
min-width:3.75em;
float:left; 
margin:0em .5em .0em 0em;
display:inline-block;
border-radius:.05em;
overflow:hidden;
position:relative;
} 
.timing li {
width:30%;
min-width:3.75em;
float:left; 
margin:0em .5em .0em 0em;
display:inline-block;
border-radius:.05em;
overflow:hidden;
position:relative;
}
.bizops li {
width:20%;
min-width:3.75em;
float:left; 
margin:0em .5em .0em 0em;
display:inline-block;
border-radius:.05em;
overflow:hidden;
position:relative;
}
.proto li img, .proto2 li img {
width:100%;
height:100%;
margin: auto;
} 
.timing li img{
width:100%;
height:100%;
margin: auto;
}  
.bizops li img{
width:100%;
height:100%;
margin: auto;
} 
.proto li.break {
margin-right:1.4em;
}
.secondary.style li, .secondary.style li:first-child {
width:16.67em;
min-width:16.67em;
height:9.37em;
margin:0em .7em .7em 0em;
border-radius:.1em;
padding:0em;
}
.secondary.style li:first-child, .secondary.mark li:first-child, .secondary.flow li:first-child {
padding:0em;
font-size:.9em;
}
.secondary.header.title li {
background-color:rgba(144, 129, 175, 1);
margin-top:-3em;
}
.one li:first-child {
background-color:rgba(144, 129, 175, 1);
width:10em;
}
.two li:first-child {
background-color:rgba(200, 129, 175, 1);
}
.three li:first-child {
background-color:rgba(200, 129, 175, 1);
}
.four li:first-child {
background-color:rgba(66, 151, 254, 1);
width:11em;
}
.fourB li:first-child {
background-color:rgba(66, 151, 254, 1);
width:11em;
}
.fourC li:first-child {
background-color:rgba(66, 151, 254, 1);
width:13em;
}
.five li:first-child {
background-color:rgba(63, 239, 97, 1);
width:10em;
}
.six li:first-child {
background-color:rgba(63, 239, 97, 1);
width:10em;
}
.timeline.last li:first-child {
background-color:rgba(255, 158, 0, 1);
}
.timeline.lastA li:first-child {
background-color:rgba(255, 158, 0, 1);
}
.timeline.lastB li:first-child {
background-color:rgba(255, 158, 0, 1);
width:10em;
}
.timeline.lastC li:first-child {
background-color:rgba(255, 158, 0, 1);
width:10em;
}

.timelineGRANT  li {
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
.timelineGRANT  li:nth-child(2) {
background-image: url("http://gletzinc.com/design/new2020/images/gld/GL2f 300dpi500px.png");
background-size:100%;
background-position:top center;
}
.timelineGRANT  li:nth-child(3) {
background-image: url("http://gletzinc.com/design/new2020/images/gld/site/v1sitemap300dpi500px.png");
background-size:160%;
background-position:center center;
}
.timelineGRANT  li:nth-child(4) {
background-image: url("http://gletzinc.com/design/new2020/images/gld/site/gletzdesignV2maplarge300dpi500px.png");
background-size:100%;
background-position:top center;
}
.timelineGRANT  li:nth-child(5) {
background-image: url("http://gletzinc.com/design/new2020/images/gld/site/gletzdesignV4half300dpi500px.png");
background-size:100%;
background-position:top center;
}
.timelineGRANT  li:nth-child(6) {
background-image: url("http://gletzinc.com/design/new2020/images/gld/styleguideP4 300dpi500px.png");
background-size:100%;
}

p.centered {
text-align:center;
margin-top:1em;
padding-right:2em;
}

.screenheader {
margin-top:1.5em;
margin-bottom:-.75em;
font-size:smaller;
}
.screenheader.noindent.afterfloat {
margin-bottom:-1.25em;
font-size:smaller;
}
.noshow {
opacity:0;
}
.smaller {
font-size:smaller;
}
.timeline.timelineGRANT.casestudy li {
letter-spacing:.035em;
width:4em;
min-height:4em;
height:6.75em;
}

.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;
}


.timeline li {
min-height:4em;
}