#bio{position:relative;height:auto;clear:both;overflow:hidden;background:rgba(240, 240, 240,1);}

#bio h1{font-size:3em;}
#bio h2{font-size:1.5em;}
.slide_bio{padding-top:20px;position:relative;font-size:1em;}

.slide_bio #respBlock{font-size:1.3em;line-height:1.5;}
#bio #slideArrows{position:relative;float:right;}

#fullBlock{margin:0 auto 5% auto;font-size:1.125em;width:90%;padding:0 0 0 0;clear:both;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;text-align:center;}
#bioMe{width:100%;margin:0 auto;padding:0;display:block;font-size:0.95em;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;}
#bioContent{
    width:100%;margin:0;padding:15px 0 0 0;clear:both;overflow:hidden;text-align:left;
    display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;}
#bioContent .bioTitle{width:100%;margin:0 0 0 0;padding:0 0 0 0;display:block;line-height:1;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;}
#bioContent .respBlock{width:100%;margin:10px 0 0 0;padding:0 0 0 0;display:block;line-height:1.5;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;}
#bioContent .bioContent1{display:none;}
#bioContent .bioContent2{display:none;}
#bioContent a{text-decoration:none;opacity:0.9;}
#bioContent a:hover{text-decoration:underline;opacity:1;}

#mePic{float:left;display:block;background:url(../images/home_bio_img.png) center no-repeat;background-size:contain;}
#meProfile{float:left;display:block;padding:20px 0 0 20px;}
#bioPortfolio{display:block;float:left;background:url(../images/bioIcon_portfolioHover.svg) center no-repeat;width:38px;height:25px;margin-right:20px;background-size:cover;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0.3}
#bioPortfolio:hover{opacity:1}
#bioResume{display:block;float:left;background:url(../images/bioIcon_resumeHover.svg) center no-repeat;width:24px;height:30px;margin-right:20px;background-size:cover;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0.3}
#bioResume:hover{opacity:1}
#bioContact{display:block;float:left;background:url(../images/bioIcon_contactHover.svg) center no-repeat;width:29px;height:20px;background-size:cover;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0.3}
#bioContact:hover{opacity:1;}


@media only screen and (min-width: 375px) {
.slide_bio{padding-top:30px;}
#bio h2{font-size:1.75em;}
#mePic{width:100px;height:100px;}
#meProfile{padding-top:0;}
}

@media only screen and (min-width: 768px) {
#mePic{width:125px;height:125px;margin:0 15px 0 0;}
#bioMe{width:35%;margin:0 auto;border-right:thin solid rgba(102,102,102,1);}
#meProfile{padding:20px 0 0 0;}
#bioContent{width:65%;padding:0 0 0 5%;border-top:none;}
}

@media only screen and (min-width: 1024px) {
.slide_bio{top:0;margin:0;padding:0;font-size:1em;}
#bio{position:relative;height:auto;clear:both;overflow:hidden;}
#bio .top{display:block;width:100%;height:65px;top:0;background:rgb(230, 230, 230)}

#bio #slideArrows{position:absolute;float:none;margin:0;}

#fullBlock{width:80%;margin:100px auto}
#bioMe{width:20%;margin:0;padding-right:0%;}
#mePic{width:150px;height:150px;margin:0 0 0 0;background-size:cover;}
#bioContent{width:75%;margin:0 0 0 5%;padding:0 0 0 0;border-top:none;}
#bioContent .bioTitle{margin:0 0 15px 0;padding:15px 0 0 0;}
#bioContent .respBlock{display:none;}
#bioContent .bioContent1{width:47.5%;margin:0 5% 0 0;padding:0 0 0 0;display:block;line-height:1.5;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;}
#bioContent .bioContent2{width:47.5%;margin:0 0 0 0;padding:0 0 0 0;display:block;line-height:1.5;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:3;}
}

@media only screen and (min-width: 1200px) {
#mePic{width:175px;height:175px;}
}