html,body{width:100%;height:100%;margin:0px;padding:0px;overflow-x:hidden;}
body,
div,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6{padding:0;margin:0;font-family:"Roboto", sans-serif;}
.clear-fix{overflow:auto;}
.education-entry,
.work-entry{padding:1% 5%;}
.project-entry{padding:1% 5%;display:block;float:left;}
button{margin-left:5%;}
h1{font-size:40px;color:#f5a623;line-height:48px;display:inline;}
h2{font-weight:bold;font-size:24px;color:#999;line-height:29px;padding:10px;margin-top:0.5em;}
h3{font-style:italic;font-size:20px;color:#000;line-height:22px;}
h4{font-weight:bold;font-size:14px;color:#4a4a4a;line-height:17px;}
h2,
h3,
h4,
h5{padding:10px 5%;}
.date-text{font-style:italic;font-size:14px;color:#999;line-height:16px;float:left;}
.location-text{font-style:italic;font-size:14px;color:#999;line-height:16px;float:right;}
p{font-size:14px;color:#333;line-height:21px;}
a{color:#1199c3;text-decoration:none;margin-top:10px;display:block;}
.online{font-size:15px;color:#333;line-height:0px;}
.welcome-message{font-style:italic;font-size:18px;color:#f3f3f3;line-height:28px;}
#skills-h3{color:#f5ae23;display:block;}
.hide{display:none;}
.show{visibility:visible;}
.orange{background-color:#f5ae23;}
.orange-text{color:#f5ae23;}
.white-text{font-weight:bold;color:#fff;}
.gray{background-color:#f3f3f3;padding-bottom:10px;clear:both;}
.dark-gray{background-color:#4a4a4a;}
#header{background-color:#484848;}
.flex-box{display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:10px;}
.flex-column{display:flex;flex-direction:column;flex-wrap:nowrap;padding:10px;height:100%;min-width:250px;}
.center-content{padding:2.5% 5%;}
ul{list-style-type:none;}
#major{padding-left:0;margin-left:0;font-family:"Roboto", sans-serif;font-size:14px;color:#333;line-height:21px;}
#inline li{display:inline;float:left;}
.work{list-style-type:disc;padding-left:2em;font-size:14px;color:#333;line-height:21px;}
.biopic{float:left;padding:10px;width:200px;display:block;}
.projectpic{float:left;padding:10px;width:300px;display:block;}
img{padding:10px;}
span{padding:5px;}
#lets-connect{text-align:center;}
#map{display:block;height:100%;margin:0 5%;}
#mapDiv{height:400px;width:100%;padding-bottom:5%;}
@media only screen and (max-width:1024px){#lets-connect{margin-top:5%;};}
@media only screen and (max-width:900px){.biopic{width:175px;};}
@media only screen and (max-width:750px){#lets-connect{margin-top:10%;}
.biopic{width:150px;}
.welcome-message{display:none;};}
@media only screen and (max-width:480px){#role{display:block;}
.flex-box{flex-direction:column;flex-wrap:wrap;text-align:left;}
.biopic{width:80%;float:none;margin:auto;}
.project-entry{float:none;}
.projectpic{float:none;max-width:95%;}
}