#workstory, #lifestory {
padding-top:1em;
}
#menuNavbar {
position:absolute;
left:-110%;
margin: 0 auto;
margin-top:4.1em;
margin-bottom:0em;
display:none;
}
.svgmepicMenu {
float:left;
width:1.6em;
}
.svgmepicMenu img {
width:100%;
height:auto;
margin-bottom:-.5em;
}
#hamburger {
position:relative;
display:none;
line-height:3em;
float:right;
font-size:.5em;
font-weight:500;
letter-spacing:1px;
}


#hamburger.open:after {
content: "\f0c9";
font-family: FontAwesome;
margin-left:.2em;
font-size:4.35em;
vertical-align:middle;
}
#hamburger.close:after {
content: "\f057";
}
#hamburger.open:before {
content: "";
}
#hamburger.close:before {
content: "";
}
#burgerlabel.active span {
display:none;
}
#burgerlabel.inactive span {
display:inline;
}
#hamburger div {
float:right;
font-size:1.45em;
width:3em;
margin-left:.5em;
overflow:hidden;
}
#hamburger img {
width:100%;
height:auto;
}
#menu {
position:absolute;
font-size:1.45em;
font-weight:400;
margin-top:6em;
width:100%;
left:-112%;
background-color:gray;
height:100%;
overflow:hidden;
padding:0;
}
#menu.active {
left:0%;
transition: left linear 0.15s;  
overflow:hidden;
margin-top:6em;
}
#menu.inactive {
margin-top:5em;
left:-112%;
transition: left linear 0.15s;  
}
.menuNavlist li {
width:82%;
margin: 2em auto;
height:0em;
}


        .timeline.timelineNewerWork, .timeline.timelineOlderWork, .timeline.timelineHealth, .timeline.timelineArt  {
        margin-top:0em;
        margin-bottom:0em;
        width:100%;
        float:left;
    }   
    .timeline.timelineOlderWork {
        width:100%;
    }
        #health, #newerwork {
        border:solid red 0px;
        float:left;
        width:100%;
        margin-top:-1em;
    }
        #imagery, #olderwork {
        border:solid red 0px;
        float:left;
        width:100%;
    }

.menuItem a {
display:inline-block;
height:3.5em;
width:100%;
}
.menuItem {
height:3.5em;
color:white;
background-color:#9C9C9C;
border-top:2px solid white;
vertical-align:middle;
overflow:hidden;
}
.menuLabel {
width:82%;
margin: 0 auto;
padding-top:1.2em;
letter-spacing:2.4px;
height:3.5em;
color:white;
}
#about {
border-bottom:2px solid white;
}

.timelineNewerWork {
margin-top:1.2em;
margin-bottom:0em;
padding:0;
}
.timelineNewerWork li {
margin-bottom:0em;
}
.timeline.timelineOlderWork {
}
#hiatus li {
margin-bottom:0em;
margin-top:-.9em;
}
#hiatus {
margin-bottom:.75em;
}
.slogan {
margin-bottom:2em;
}

    
        #gardenbook {
        background: linear-gradient(-45deg, rgba(175, 234, 127, 1), rgba(175, 234, 127, 1));
        background-image: url("https://gletzinc.com/design/new2020/images/garden/photos/small/rockwallHorz300dpi200px.png");
        background-position:center right;
        background-size:cover;
        background-repeat:no-repeat;
    }
        #parks {
        background-image: url("https://gletzinc.com/design/new2020/images/VertPosterMagnusonRainier alt.jpg");
        background-position:center right;
        background-size:cover;
        background-repeat:no-repeat;
    }
        #hiking {
background-image: url("https://gletzinc.com/design/new2020/images/park butte.jpg");
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
    }

/* decreasing breakpoint 1 */
    
@media screen and (max-width: 1020px){

    .navlinks {
        display:none;
    }
    #menuNavbar, #hamburger, #identity, #menu.active {
        display:inline;
    }
    #menu.active {
        display:inline;
margin-top:5em;
    }
    #menuNavbar {
        margin-right:9%;
        right:0;
        width:30%;
        padding:0;
    }
    #hamburger {
        line-height:3em;
    }
    #menu.active{
        left:0%;
margin-top:6em;
    }
    #hamburger:after {
        content: "\f0c9";
        font-family: FontAwesome;
        margin-left:.2em;
        font-size:4.35em;
        vertical-align:middle;
    }
}

/* decreasing breakpoint 2 */
@media screen and (max-width: 941px) {
        .navlinks {
        display:none;
    }
        #menuNavbar, #hamburger, #identity, #menu.active   {
        display:inline;
    }
        #menuNavbar {
    }
        #menu.active{
        left:0%;
margin-top:6em;
    }
        #hamburger:after {
        content: "\f0c9";
        font-family: FontAwesome;
    }
        #newerwork, #olderwork, #health, #imagery {
        width:48%;
        float:left;
        margin-left:0;
        border:solid green 0px;
    }    
        #newerwork, #health {
        margin-right:0%;
        margin-top:0em;
        margin-bottom:0em;
    } 
        #olderwork, #imagery {
        margin-top:0em;
    }
        .timeline.timelineNewerWork li, .timeline.timelineOlderWork li, .timeline.timelineHealth li, .timeline.timelineArt li {
        width:45%;
        height:7.5em;
        margin-top:.25em;
        margin-bottom:.3em;
        font-size:1.02em;
        line-height:1.1em;
    }
        .timeline li:first-child {
        width:48%;
        padding:0;
        font-weight:400;
        height:7.5em;
    }
        .timelineNewerWork li:first-child span, .timelineOlderWork li:first-child span, .timelineHealth li:first-child span, .timelineArt li:first-child span {
        display:inline-block;
        margin-left:5%;
        margin-top:.4em;
        font-size:1em;
    }
        #health, #newerwork {
        margin-top:-1em;
        margin-bottom:0em;
    }
        #olderwork, #imagery {
        margin-top:-1em;
    }
        #hiatus {
        margin-right:4%;
        margin-left:1%;
        margin-top:-.7em;
        width:.6%;
        float:left;
        border-top:solid #57CB26 24.8em;
        background:none;
    }
        #hiatus li {
        width:14000%;
        margin-left:-8500%;
        margin-bottom:-1em;
        z-index:100;
        float:left;
        background:none;
        text-align:left;
        margin: 0 auto;
        margin-top:1.3em;
        margin-left:-7300%;
        text-align:center;
    }
        #hiatus li span {
        display:inline-block;
        width:auto;
        font-weight:500;
        line-height:1.2em;
        background:none;
        padding:0;
        color:#2C9400;
    }
        #olderwork, #imagery{
        margin-left:-2%;
    }
    .timelineNewerWork li div.projtextdiv, .timelineOlderWork li div.projtextdiv, .timelineHealth li div.projtextdiv, .timelineImagery li div.projtextdiv  {
        font-size:1em;
        margin-left:-.7em;
        line-height:1.3em;
        background: rgba(0, 0, 0, .5);
    }
        #yoga, #basketball, #cooking {
        background-image: linear-gradient(-45deg, rgba(175, 234, 127, 1), rgba(175, 234, 127, 1));
        background-position:cover;
        background-size:100%;
        background-repeat:no-repeat;
    }
    
        #gardenbook {
        background: linear-gradient(-45deg, rgba(175, 234, 127, 1), rgba(175, 234, 127, 1));
        background-image: url("https://gletzinc.com/design/new2020/images/garden/photos/small/rockwallHorz300dpi200px.png");
        background-position:center right;
        background-size:cover;
        background-repeat:no-repeat;
    }
        #parks {
        background-image: url("https://gletzinc.com/design/new2020/images/VertPosterMagnusonRainier alt.jpg");
        background-position:center right;
        background-size:cover;
        background-repeat:no-repeat;
    }
        #hiking {
background-image: url("https://gletzinc.com/design/new2020/images/park butte.jpg");
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
    }
}

/* decreasing breakpoint 3 */
@media screen and (max-width: 820px) {
        #hiatus li {
        width:14000%;
        margin-left:-8500%;
        margin-bottom:-1em;
        z-index:100;
        padding:.5em;
        float:left;
        background:none;
        text-align:left;
        margin: 0 auto;
        margin-left:-7300%;
        margin-top:1.1em;
        text-align:center;
    }
        #hiatus li span {
        width:100%;
    }
}


@media screen and (max-width: 800px) {
        #hiatus li {
        margin-left:-11.2em;
        margin: 0 auto;
        margin-top:1.1em;
        margin-left:-7300%;
    }
}

@media screen and (max-width: 767px) {
        #hiatus li {
        width:35em;
        margin-top:1.1em;
        margin-left:-7900%;
    }
    #aboutpics {
    margin-right:.05%;
    }
}

/* decreasing breakpoint 5 */
@media screen and (max-width: 680px) {
        #hiatus li {
        margin-top:1.1em;
        margin-left:-8800%;
    }
}

/* decreasing breakpoint 6 */
@media screen and (max-width: 620px) {
        #newerwork, #olderwork, #health, #imagery {
        width:100%;
        height:auto;
        float:none;
        clear:both;
        margin-left:0;
    }
        #newerwork, #health {
        margin-top:-1em;
        margin-bottom:1em;
    }
        #olderwork, #imagery {
    }
        .timeline.timelineNewerWork li, .timeline.timelineOlderWork li, .timeline.timelineHealth li, .timeline.timelineArt li {
        width:95%;
        height:5em;
        min-height:0em;
        margin-top:.6em;
        margin-bottom:-.5em;
    }
    .timeline.timelineOlderWork li:last-child, .timeline.timelineImagery li:last-child {
    }
        .timeline.timelineNewerWork li:first-child, .timeline.timelineOlderWork li:first-child, .timeline.timelineHealth li:first-child, .timeline.timelineArt li:first-child {
        width:95%;
        min-height:0em;
        height:2em;
        padding:0;
        margin-bottom:-.4em;
        line-height:1.1em;
        background-image:none;
        background:none;
        color:black;
    }
        .timelineNewerWork li:first-child span , .timelineOlderWork li:first-child span, .timelineHealth li:first-child span, .timelineArt li:first-child span {
        display:inline-block;
        margin-left:.1em;
        font-size:1em;
        font-weight:500;
    } 
        #olderwork {
        margin-left:0%;
    }
        #hiatus {
        margin-right:0%;
        margin-left:0%;
        margin-top:0em;
        width:95%;
        float:left;
        border-top:none;
    }
        #hiatus li {
        width:100%;
        font-size:1.45em;
        margin-top:1em;
        margin-bottom:-.3em;
        margin-left:0em;
        color: #ffffff;
        background-color:#ffffff;
        height:auto;
        padding:0;
    }
        #hiatus li span {
        font-size:.8em;
        font-weight:500;
        text-align:left;
        width:98%;
        line-height:1.2em;
        background:none;
        padding:0;
        color:#3BB439;
    }
        #newwork {
        background:none;
        background-image: url("https://gletzinc.com/design/images/new work background4B.jpg");
        background-size:40%;
        background-position:right center;
        background-repeat:no-repeat;
        border-radius:7px;
    }
        #evercannafest {
        background-image: url("https://gletzinc.com/design/images/evercannafestCropped.png");
        background-position:center right;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #AIGA {
        background-image: url("https://gletzinc.com/design/new2020/images/logosketchForWebSite.png");
        background-position:bottom right;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #gld {
        background-image: url("https://gletzinc.com/design/new2020/images/fromAIjune19B.png");
        background-position:right center;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #msft {
        background:none;
        background-image: url("https://gletzinc.com/design/images/msft.png");
        background-position:right center;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #ucd {
        background:none;
        background-image: url("https://gletzinc.com/design/images/UCD.png");
        background-position:right center;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #oracle {
        background:none;
        background-image: url("https://gletzinc.com/design/new2020/images/phone1half.png");
        background-position:right center;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #AMA {
        background-image: url("https://gletzinc.com/design/new2020/images/typography1croppedBlue.jpg");
        background-position:right top;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #nmsu {
        background-image: url("https://gletzinc.com/design/new2020/images/summerschedule300dpiSquare.jpg");
        background-position:bottom right;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #tub {
        background-image: url("https://gletzinc.com/design/new2020/images/TUBmap.jpg");
        background-position:center right;
        background-repeat:no-repeat;
        background-size:40%;
    }
        #art {
        background-image: url("https://gletzinc.com/design/new2020/images/still life 300dpi 8x8in.jpg");
        background-position:center right;
        background-size:40%;
        background-repeat:no-repeat;
    }
        #merch {
        background-image: url("https://gletzinc.com/design/new2020/images/squigglegrid shoes5.jpg");
        background-position:center right;
        background-size:40%;
        background-repeat:no-repeat;
    }
        #gardenbook {
        background-image: url("https://gletzinc.com/design/new2020/images/garden/photos/small/rockwallHorz300dpi200px.png");
        background-position:center right;
        background-size:40%;
        background-repeat:no-repeat;
    }
        #parks {
        background-image: url("https://gletzinc.com/design/new2020/images/VertPosterMagnusonRainier alt.jpg");
        background-position:bottom right;
        background-size:40%;
        background-repeat:no-repeat;
    }
        #yoga, #basketball, #cooking {
        background-image: linear-gradient(to right, rgba(211,228,221,1), rgba(211,228,221,1));
        background-position:center right;
        background-size:40%;
        background-repeat:no-repeat;
    }
        #hiking {
background-image: url("https://gletzinc.com/design/new2020/images/park butte.jpg");
        background-position:center right;
        background-size:40%;
        background-repeat:no-repeat;
    }
        .timelineNewerWork li div.projtextdiv, .timelineOlderWork li div.projtextdiv, .timelineHealth li div.projtextdiv, .timelineArt li div.projtextdiv {
        font-size:1.05em;
        line-height:1.22em;
        width:56%;
        background:#F5F1BA;
        color:#6C6C6C;
    }
        .timelineOlderWork li div.projtextdiv {
        background:#D7DFF4;}
        .timelineHealth li div.projtextdiv {
        background:#E4F5D6;}
        .timelineArt li div.projtextdiv {
        background:#E7DEF7;
    }
        .slogan {
        margin-bottom:1em;
    }
    #identity {
        width:45%;
    }
        #menu.active {
        margin-top:4em;
    }
        #menu.inactive {
        margin-top:3em;
    }
        #menuNavbar{
        margin-top:2.25em;
    }
       ul.navlist li.navlogo {
        margin-top:-.68em;
    }
}

/* decreasing breakpoint 7 */
@media screen and (max-width: 440px) {
    html { 
    }

    #hamburger.open:before {
    content: "";
    }
    #hamburger.close:before {
    content: "";
    }
}

/* decreasing breakpoint 8 */
@media screen and (max-width: 315px) {
    #gletzdesign {
        display:none;
    }
}

/* decreasing breakpoint 8 */
@media screen and (min-width: 1021px) {
    #menu.active {
        display:none;
        left:-1200%;
    }
}