@font-face{font-family:'open_sans';src:url("fonts/OpenSans-Regular-webfont.eot");src:url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/OpenSans-Regular-webfont.woff") format("woff"),url("fonts/OpenSans-Regular-webfont.ttf") format("truetype"),url("fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'open_sans';src:url("fonts/OpenSans-Bold-webfont.eot");src:url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/OpenSans-Bold-webfont.woff") format("woff"),url("fonts/OpenSans-Bold-webfont.ttf") format("truetype"),url("fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");font-weight:bold;font-style:normal}@font-face{font-family:'open_sans';src:url("fonts/OpenSans-Italic-webfont.eot");src:url("fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/OpenSans-Italic-webfont.woff") format("woff"),url("fonts/OpenSans-Italic-webfont.ttf") format("truetype"),url("fonts/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:'open_sans';src:url("fonts/OpenSans-BoldItalic-webfont.eot");src:url("fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/OpenSans-BoldItalic-webfont.woff") format("woff"),url("fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"),url("fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg");font-weight:bold;font-style:italic}html{background-color:#fff}body{font-family:open_sans, Arial, Verdana, sans-serif;font-size:100%;margin:0 auto;text-align:center}a,a:visited{color:#1d70b7}h1,h2,h3,h4{line-height:1.2;margin:0 0 0.6em 0;color:#1d70b7}#content{position:relative;text-align:center;margin:1em 0;font-size:100%}#container{text-align:center;margin:1em}#logo,#container{margin:0 auto;max-width:30em}#contact span{display:block}#menu{position:fixed;bottom:0;left:0;width:100%;padding:1em 0;font-size:80%;background-color:#1d70b7;color:#aac6de}#menu ul{padding:0;margin:0;list-style:none}#menu li{display:inline;padding:1em}#menu a{text-decoration:none;color:#fff}#menu span.s{display:none}.activity{text-align:center}.activity div.detail{text-align:left;padding:1em}.activity div.detail h1{text-align:center}.activity img{width:auto}.example{margin-bottom:2em;padding:1em}#logo h1{margin:0 auto}#logo h1 img{width:60%;height:auto}#title{margin-top:1.5em}#title h3{font-style:italic}#portfolio,#name{width:100%;overflow:hidden;text-align:left}#portfolio ul,#name ul{list-style-type:none}#portfolio li:before,#portfolio b,#name li:before,#name b{display:inline-block;width:1.5em;font-size:1.5em;text-align:center}#portfolio li,#name li{background-image:expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '✔'+this.innerHTML)}#portfolio li:before,#name li:before{content:"✔︎"}#name p{padding:1em}#name img.right{display:block;margin-bottom:1em}#contact{padding-bottom:3em}.clear{clear:both}@media (min-width: 4em){#content{font-size:75%}}@media (min-width: 16em){#content{font-size:80%}}@media (min-width: 34em){#logo,#container{max-width:100%}#logo h1 img{width:300px;height:auto}#content{font-size:100%}#container{margin:0 auto;max-width:34em}#contact{clear:both}#contact span{display:inline}.activity img{height:96px}img.right{float:right}.example img.right,#name img.right{margin:0 0 1em 1em}}@media (min-width: 52em){#mediasize:after{content:'medium'}#menu span.s{display:inline}#logo h1 img{width:600px;height:auto}#container{margin:0;width:100%;max-width:100%}#activities,#portfolio,#name{margin:2em auto;max-width:52em;padding:0 2em}.activity{width:30.76923%;float:left;margin-right:3.84615%}.activity:nth-child(3n){float:right;margin-right:0}#name .clear{clear:none}#contact{margin-bottom:3em}.example img.right{margin:0 0 3em 3em}}@media (min-width: 70em){#mediasize:after{content:'large'}#content{font-size:120%}#activities,#portfolio{max-width:80%;width:80%}#portfolio ul{padding:3em 0}.example img.right{width:50%;height:50%}}@media (min-width: 94em){#mediasize:after{content:'large'}#content{font-size:140%}.example img.right{width:60%;height:60%}}