
.footerlist {
line-height:1.5em;
font-weight:400;
}
.footerlist a {
color:white;
font-weight:400;
}
span#work, span#life {
float:left;
margin-top:1em;
display:inline-block;
padding-right:50%;
}
span#life {
margin-top:1.6em;
padding-right:30%;
}
.footerlist.background li {
line-height:1em;
font-size:.8em;
}
.footerlist.background li.foothead {
font-size:.8em;
margin-top:1.25em;
}
.firstfooterlink, .footerlist.background li.firstfoothead {
margin-top:.8em;
}
.footerlist.background a {
color:#CCCCCC;
font-weight:400;
font-size:.8em;
}

#footer {
background:rgba(150, 150, 150, 1);
width:88%;
display : flex;
padding-left:9%;
padding-right:3%;
padding-top:2em;
}
.footercolumn {
background-color:rgba(150, 150, 150, 1);
width:21%;
margin-right:3%;
float:left;
font-size:1.32em;
}

.foothead.firstfoothead.navhead {
font-weight:400;
}


        #linkedin {
        margin-top:0em;
        margin-bottom:0em;
        height:auto;
        float:left;
    }


@media screen and (max-width: 800px) {

        #linkedinlink {
        float:left;
    }
}

@media screen and (max-width: 490px) {
        #footer {
        height:35em;
        display:block;
    }
        .footercolumn  {
        width:46%;
        margin: 0 auto;
    }
        .footerlist {
        line-height:1em;
    }
        .footerlist li {
        display:inline-block;
        width:99%;
        float:left;
        margin-right:.5em;
        margin-top:0em;
    }
        .footerlist li a {
    }
        .footerlist span {
        display:inline-block;
        float:left;
    }
        .foothead {
        float:left;
        
    }
        #linkedin {
        margin-top:-.2em;
        margin-right:54%;
        padding:0;
        float:left;
        font-weight:200;
    }
        #linkedin.footerlist a {
        margin-top:-1em;
    }
        #recent {
        margin-top:-5em;
        background:none;
    }
    .copyright {
    
    }
}


@media screen and (min-width: 530px) {
        span#work, span#life {
        padding-right:80%;
    }
}
@media screen and (min-width: 1776px) {
        span#work, span#life {
        padding-right:100%;
    }
}














