html,body{font-family:Fira Sans,sans-serif;color:#2e1c00;background:#e2ddc7}@font-face{font-family:fontello;src:url(/font/fontello.eot);src:url(/font/fontello.eot#iefix) format("embedded-opentype"),url(/font/fontello.woff2) format("woff2"),url(/font/fontello.woff) format("woff"),url(/font/fontello.ttf) format("truetype"),url(/font/fontello.svg#fontello) format("svg");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:""}.icon-twitter:before{content:""}.icon-facebook:before{content:""}.icon-mail-alt:before{content:""}.icon-linkedin:before{content:""}.icon-github:before{content:""}.icon-instagram:before{content:""}.icon-doc-text:before{content:""}.container{max-width:740px;margin-right:auto;margin-left:auto}h1{text-align:center;font-size:3em;margin-bottom:.25em;color:#2e1c00}.bio,.info{text-align:center}.bio{margin:2.5em auto}.info{color:#2e1c00;font-weight:100;font-size:.8em}.links--list{display:flex;flex-direction:row;list-style:none;justify-content:center;margin:0;padding:0}.links--item{margin:1em .5em;font-size:1.2em}.links--item:last-child{margin-right:0}.links--item a,.info a{color:#2e1c00}.links--item a:hover,.info a:hover{color:#ff2020}@-webkit-keyframes screw{0%{-webkit-transform:rotate(30deg)}72%{-webkit-transform:rotate(150deg)}80%{-webkit-transform:rotate(170deg)}90%{-webkit-transform:rotate(172deg)}to{-webkit-transform:rotate(180deg)}}#logo{width:4em;height:4em;transform-origin:84% 15%;-webkit-animation:screw 1.5s linear alternate infinite;position:relative;top:8em;left:5em}#map-container{background-image:url(/images/bouffon-min.jpg);background-size:cover;background-position:top center;height:450px;margin-bottom:-50px}#map{width:51%;height:60%;top:35.5%;left:24.25%;position:relative}#wrench{fill:#2e1c00}@media only screen and (min-device-width: 320px) and (max-device-width: 568px){#logo{display:none}#map-container{background-size:cover;background-position:top center;height:300px;margin-bottom:0}#map{width:57%;height:60%;top:31%;left:21%;position:relative}.links--item{font-size:1.5em}}@media only screen and (min-device-width: 320px) and (max-device-width: 370px){#map{width:67%;left:16%}}