body,h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}body,html{height:100%;line-height:1.8}.bgimg-1{background-position:center;background-size:cover;background-image:url(/assets/lab4-96GAX956.jpg);min-height:100%;background-attachment:fixed;background-repeat:no-repeat;will-change:transform}.w3-bar .w3-button{padding:16px}.collapsible{background-color:#d2492a;color:#fff;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px}.active,.collapsible:hover{background-color:#92a2bd}.collapsible:after{content:"+";color:#fff;font-weight:700;float:right;margin-left:5px}.active:after{content:"−"}.content{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out;background-color:#f1f1f1;margin:auto;word-wrap:break-word}body{font-family:Raleway,sans-serif}.tab{float:left;border:1px solid #ccc;background-color:#f1f1f1;width:30%;height:400px}.publication{background-color:#d2492a;color:#fff;cursor:pointer;padding:14px;width:50%;border:none;text-align:center;outline:none;font-size:18px}.active,.publication:hover{background-color:#92a2bd}.tab button{display:block;background-color:inherit;color:#000;padding:20px 12px;width:100%;height:100px;border:none;outline:none;text-align:left;cursor:pointer;font-size:17px}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{float:left;padding:0 12px;border:1px solid #ccc;width:70%;border-left:none;height:400px;overflow:auto;word-wrap:break-word;display:none}.clearfix:after{content:"";clear:both;display:table}*{box-sizing:border-box}.column{float:left;width:50%;padding:10px;height:300px}.row:after{content:"";display:table;clear:both}#map{height:400px;width:100%}.rotateimg90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.button{background-color:#4caf50;border:none;color:#fff;padding:15px 60px;text-align:left;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.button2{background-color:#d2492a;width:100%}.button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.button span:after{content:"»";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.button:hover span{padding-right:25px}.button:hover span:after{opacity:1;right:0}hr{display:block;margin:.5em auto;border-style:inset;border-width:1px;width:70%}.flash-button{animation:flash 1s infinite;color:#00008b}@keyframes flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.row-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;column-gap:20px;row-gap:40px}.row-container2{display:flex;flex-direction:row;margin-top:2em;margin-bottom:2em;justify-content:left;flex-wrap:wrap;column-gap:10px;row-gap:10px}.pennIM{margin-left:15%;width:175px;height:175px}.pennIM2{margin-left:3%;width:175px;height:175px}.bio{max-width:25em;min-width:400px}.bio p{margin:0}.directorbio{max-width:35em}.directorbio p{margin:0}.name{color:#d2492a;font-size:1.3em;font-family:Garamond;margin-bottom:0}.director-tag{color:#2a6ad2;font-size:1.1em;font-family:Garamond;margin-bottom:0}.research_interests{font-size:.9em;font-family:Verdana;flex-wrap:wrap}.projects{display:inline-block;color:#2a6ad2;font-size:.9em;font-family:Verdana;cursor:pointer}.projects:hover{color:#d2492a}.projects2{display:inline-block;color:#2a6ad2;font-size:.9em;font-family:Verdana;cursor:pointer}.projects2:hover{color:#d2492a}.project-content{display:none}.project-content.visible{max-width:20rem;display:block}.project-content.visible p{margin:.4rem}.project-content2{display:none}.project-content2.visible{max-width:20rem;display:block}.project-content2.visible p{margin:.4rem}.project-button{display:block;padding:.5rem;color:#2a6ad2;border:1px solid #2a6ad2;text-decoration:none}.project-button:hover{color:#d2492a;border:1px solid #D2492A}.button-container{display:flex;gap:10px}.button-container p{margin:0}.circular-button{background-color:#3f77e7;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease}.circular-button:hover{background-color:#1d467f}@media (max-width: 700px){.row-container2{justify-content:center;flex-direction:column;align-items:center}.pennIM,.pennIM2{display:block;margin-left:auto;margin-right:auto}.directorbio,.bio{margin:0 auto;text-align:center}.project-content.visible,.project-content2.visible{max-width:20rem;display:block;margin-left:2.6rem;margin-right:0;text-align:center;justify-content:center}.button-container{justify-content:center;display:flex;align-items:center}.circular-button{margin:1em auto;display:block}}@media (max-width: 1450px) and (min-width: 700px){.pennIM2{display:inline-block;margin-left:15%;width:175px;height:175px}}@media (max-width: 1450px) and (min-width: 1000px){.bio{margin-right:20%}}@media (max-width: 1000px) and (min-width:700px){.directorbio{margin-left:15%}}