/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.initialism,.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.428571429}dt{font-weight:700}dd{margin-left:0}.dl-horizontal dd:after,.dl-horizontal dd:before{display:table;content:" "}.dl-horizontal dd:after{clear:both}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.428571429;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014\A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\A0\2014"}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:after,.container:before{display:table;content:" "}.container:after{clear:both}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container-fluid:after,.container-fluid:before{display:table;content:" "}.container-fluid:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:after,.row:before{display:table;content:" "}.row:after{clear:both}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-1{width:8.3333333333%}.col-xs-2{width:16.6666666667%}.col-xs-3{width:25%}.col-xs-4{width:33.3333333333%}.col-xs-5{width:41.6666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.3333333333%}.col-xs-8{width:66.6666666667%}.col-xs-9{width:75%}.col-xs-10{width:83.3333333333%}.col-xs-11{width:91.6666666667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.3333333333%}.col-xs-pull-2{right:16.6666666667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.3333333333%}.col-xs-pull-5{right:41.6666666667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.3333333333%}.col-xs-pull-8{right:66.6666666667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.3333333333%}.col-xs-pull-11{right:91.6666666667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.3333333333%}.col-xs-push-2{left:16.6666666667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.3333333333%}.col-xs-push-5{left:41.6666666667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.3333333333%}.col-xs-push-8{left:66.6666666667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.3333333333%}.col-xs-push-11{left:91.6666666667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.3333333333%}.col-xs-offset-2{margin-left:16.6666666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.3333333333%}.col-xs-offset-5{margin-left:41.6666666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.3333333333%}.col-xs-offset-8{margin-left:66.6666666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.3333333333%}.col-xs-offset-11{margin-left:91.6666666667%}.col-xs-offset-12{margin-left:100%}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.3333333333%}.col-sm-pull-2{right:16.6666666667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.3333333333%}.col-sm-pull-5{right:41.6666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.3333333333%}.col-sm-pull-8{right:66.6666666667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.3333333333%}.col-sm-pull-11{right:91.6666666667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.3333333333%}.col-sm-push-2{left:16.6666666667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.3333333333%}.col-sm-push-5{left:41.6666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.3333333333%}.col-sm-push-8{left:66.6666666667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.3333333333%}.col-sm-push-11{left:91.6666666667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.3333333333%}.col-sm-offset-2{margin-left:16.6666666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.3333333333%}.col-sm-offset-5{margin-left:41.6666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.3333333333%}.col-sm-offset-8{margin-left:66.6666666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.3333333333%}.col-sm-offset-11{margin-left:91.6666666667%}.col-sm-offset-12{margin-left:100%}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-1{width:8.3333333333%}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.3333333333%}.col-md-pull-2{right:16.6666666667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.3333333333%}.col-md-pull-5{right:41.6666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.3333333333%}.col-md-pull-8{right:66.6666666667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.3333333333%}.col-md-pull-11{right:91.6666666667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.3333333333%}.col-md-push-2{left:16.6666666667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.3333333333%}.col-md-push-5{left:41.6666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.3333333333%}.col-md-push-8{left:66.6666666667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.3333333333%}.col-md-push-11{left:91.6666666667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.3333333333%}.col-md-offset-2{margin-left:16.6666666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.3333333333%}.col-md-offset-5{margin-left:41.6666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.3333333333%}.col-md-offset-8{margin-left:66.6666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.3333333333%}.col-md-offset-11{margin-left:91.6666666667%}.col-md-offset-12{margin-left:100%}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.3333333333%}.col-lg-pull-2{right:16.6666666667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.3333333333%}.col-lg-pull-5{right:41.6666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.3333333333%}.col-lg-pull-8{right:66.6666666667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.3333333333%}.col-lg-pull-11{right:91.6666666667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.3333333333%}.col-lg-push-2{left:16.6666666667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.3333333333%}.col-lg-push-5{left:41.6666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.3333333333%}.col-lg-push-8{left:66.6666666667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.3333333333%}.col-lg-push-11{left:91.6666666667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.3333333333%}.col-lg-offset-2{margin-left:16.6666666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.3333333333%}.col-lg-offset-5{margin-left:41.6666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.3333333333%}.col-lg-offset-8{margin-left:66.6666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.3333333333%}.col-lg-offset-11{margin-left:91.6666666667%}.col-lg-offset-12{margin-left:100%}}body{background:#2a2a2a;padding-top:80px}img{max-width:100%}#bg-shape-1,#bg-shape-2{position:fixed;top:0;z-index:-1}#bg-shape-1{left:0;fill:#1f1f1f}#bg-shape-2{right:0;fill:#00a4cc;transition:all .5s ease-in-out}header{z-index:10;top:0;left:0;width:100%;position:fixed;padding-top:20px;margin-bottom:15px;transition:all .2s ease-in-out;background:transparent}.show-mobile-menu{z-index:20;position:fixed;top:20px;right:20px;background:#000;color:#fff;border:0;border-radius:30px;width:60px;height:60px;font-size:20px;box-shadow:2px 2px 4px rgba(0,0,0,.6)}h1{margin:0;font-family:Roboto Condensed,sans-serif;color:#fff;font-weight:300;font-size:30px}header.active{background:rgba(0,0,0,.6);padding-top:10px}header #logo{opacity:1;transition:all .25s ease-in-out;height:auto}header.active #logo{height:0;overflow:hidden;opacity:0;transform:translateY(-20px)}#main-menu li{display:inline-block;margin:10px;transition:all .2s ease-in-out}#main-menu li:last-child{margin:10px 0 10px 10px}header.active #main-menu li,header.active #main-menu li:last-child{margin:0 10px}#main-menu a{color:#e0e0e0;text-transform:uppercase;font-family:Roboto Condensed,sans-serif;font-weight:500;font-size:18px;text-decoration:none;transition:color .25s ease-in-out}#main-menu a:hover,#main-menu li.active a{color:#fff}#main-menu li span{position:relative;height:3px;width:0;background:#d75902;display:block;transition:width .15s ease-in-out}#main-menu li.active span,#main-menu li:hover span{width:100%}#card{background:#00a4cc;padding:20px;box-shadow:-4px 7px 15px 1px rgba(0,0,0,.2);top:80px;transition:all .6s ease-in-out;opacity:0}#card .alt-title{display:block;color:#fff;font-family:Roboto Condensed,sans-serif;text-align:center;margin-top:15px;font-size:30px;font-weight:300;line-height:40px;overflow:hidden;display:none;opacity:0;transition:opacity .5s ease-in-out}#card .alt-title small{display:block;font-size:14px;line-height:16px}#card .alt-title.active{opacity:1}#card.active{transform:translateX(0);opacity:1}#card .contact-me{margin:20px -20px -20px;padding:30px 20px;background:#373737;text-align:center}#card .contact-me a{background:#000;color:#fff;text-transform:uppercase;font-family:Roboto Condensed,sans-serif;border-radius:35px;border:0;font-weight:300}#card .avatar{text-align:center}#card .avatar img{border-radius:50%}#card .social{text-align:center;margin-top:25px}#card .social,#contact .social{font-size:26px}.social a{color:#fff;opacity:1;transition:opacity .2s ease-in-out}.social a:hover{opacity:.7}@-webkit-keyframes showPanel{0%{transform:translateY(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes showPanel{0%{transform:translateY(-100px);opacity:0}to{transform:translateX(0);opacity:1}}#content .panel{background:#373737;border:1px solid #1f1f1f;color:#fff;padding:40px;-webkit-animation:showPanel .5s ease-in-out;animation:showPanel .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}h2{font-family:Roboto Condensed,sans-serif;margin:0 0 30px;text-shadow:1px 1px 1px #000;text-transform:uppercase}#about h3{font-size:18px}#about p{color:#9f9f9f;font-size:16px;line-height:30px}#about p strong{color:#fff}#skills h3{font-family:Roboto Condensed,sans-serif;font-size:18px;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #444;color:#ccc;text-align:right}.bar{position:relative;display:block;margin-bottom:20px}.bar-title{font-family:Roboto Condensed,sans-serif}.bar-title small{color:#666;margin-left:5px}.bar-value{position:absolute;right:15px;top:0;font-family:Roboto Condensed,sans-serif}.bar-value:after{content:"%"}.bar-line{margin-top:5px;background:#333}.bar-fill,.bar-line{display:block;height:5px;border-radius:2px}.bar-fill{background:#eab000;width:0;transition:width .5s ease-in-out}.bar .small{margin-top:5px}#portfolio img{max-width:100%}#portfolio p{color:#ccc}#portfolio .portfolio-intro p a{color:#ddd;text-decoration:underline;transition:all .2s ease-in-out}#portfolio .portfolio-intro p a:hover{color:#fff}#filters{margin-top:10px;margin-bottom:20px;color:#999}#filters,#filters .btn-default{font-family:Roboto Condensed,sans-serif}#filters .btn-default{border:1px solid #333;background:#666;color:#fff;transition:all .2s ease-in-out}#filters .btn-default:hover{background:#999}#filters .btn-default.active{background:#fff;color:#333}.grid-item{width:32%;border:1px solid #222;margin-bottom:10px}.caption{font-family:Roboto Condensed,sans-serif;position:absolute;display:flex;flex-direction:column;justify-content:center;z-index:2;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);padding:20px;opacity:0;transition:all .25s ease-in-out;overflow:hidden;border:1px solid transparent}.caption h3{margin-top:0;font-weight:700;text-align:center;text-transform:uppercase;transform:translateY(-30px);transition:all .3s ease-in-out;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.caption p{color:#ccc}.caption p:last-child{transform:translateY(30px);transition:all .3s ease-in-out;margin-bottom:0}.caption a{background:#00a4cc;border-radius:15px;line-height:30px;display:inline;color:#fff;padding:5px 10px;text-decoration:none;transition:all .1s ease-in-out}.caption a:hover{background:#00c8f1}.grid-item.hover .caption,.grid-item:hover .caption{opacity:1;border:1px solid #999}.grid-item.hover .caption a,.grid-item.hover .caption h3,.grid-item.hover .caption p:last-child,.grid-item:hover .caption a,.grid-item:hover .caption h3,.grid-item:hover .caption p:last-child{transform:translateY(0)}#experience time{font-family:Roboto Condensed,sans-serif;position:relative;display:block;background:#749500;color:#fff;text-align:center;padding:6px;margin-right:10px;transform:translateX(-40px);opacity:0;transition:all .6s ease-in-out}@-webkit-keyframes showTime{0%{transform:translateX(-40px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes showTime{0%{transform:translateX(-40px);opacity:0}to{transform:translateX(0);opacity:1}}#experience time.active{-webkit-animation:showTime .3s ease-in-out;animation:showTime .3s ease-in-out;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#experience .school time{background:#444;color:#999}#experience time:after{position:absolute;width:0;height:0;top:0;left:100%;content:"";border-top:16px solid transparent!important;border-bottom:16px solid transparent!important;border-right:10px solid transparent!important;border-left:10px solid #749500}#experience .school time:after{border-left:10px solid #444}.xp:before{position:absolute;width:1px;top:16px;left:0;bottom:-16px;content:"";opacity:.5;background-color:#749500}.school .xp:before{background-color:#666}.xp.last:before{display:none}.xp-content{padding-bottom:25px;color:#9f9f9f}.school .xp-content{padding-bottom:15px}.xp-content img{float:left;margin-right:10px;border-radius:3px}.xp-content ul{padding-left:16px}.xp-content h3{margin:0;padding:0;font-size:18px;font-family:Roboto Condensed,sans-serif;color:#fff}.school .xp-content h3{font-size:16px;color:#aaa}.xp-content h4{margin-top:5px;margin-bottom:15px;font-size:16px;font-family:Roboto Condensed,sans-serif;color:#cfcfcf}.xp-content a{color:#9f9f9f;text-decoration:underline;transition:all .1s ease-in-out}.xp-content a:hover{color:#fff}.xp-content h4 a{color:#cfcfcf;border-bottom:1px solid #666;text-decoration:none;transition:all .1s ease-in-out}.xp-content h4 a:hover{color:#fff;border-color:#fff}.school .xp-content h4{color:#666;margin-bottom:5px;font-size:14px}.xp-content:before{position:absolute;margin-left:-17px;margin-top:6px;color:#fff;content:"\2022"}#map{display:block;height:300px}form{margin-bottom:40px}label{font-weight:300;color:#9f9f9f}input[type=text],label,textarea{font-family:Roboto Condensed,sans-serif}input[type=text],textarea{background:#2a2a2a;border:0;border-radius:0;color:#fff;padding:5px 10px;width:100%;transition:all .2s ease-in-out}input[type=text]:focus,textarea:focus{outline:none;box-shadow:0 0 2px hsla(0,0%,100%,.5)}button[type=submit]{border-radius:25px;background:#00a4cc;padding:10px 35px;text-transform:uppercase;font-family:Roboto Condensed,sans-serif}footer p{color:#5f5f5f;padding:15px}@media screen and (max-width:768px){body{padding-top:0}header{position:relative}#card{top:0;margin-bottom:20px}#experience time{margin-right:0}#experience time:after{display:none}.xp:before{bottom:-66px}#experience small{text-align:right;display:block;margin-bottom:5px}#contact .social{display:none}.grid-item{max-width:260px;width:100%}nav{position:fixed;top:0;left:0;z-index:10;background:rgba(0,0,0,.8);width:50%;transform:translateX(-100%);transition:all .2s ease-in-out;border-bottom-right-radius:15px}nav.active{transform:translateX(0)}#main-menu li{display:block;text-align:left;padding:15px}#main-menu li a{display:block}}@media screen and (min-width:640px) and (max-width:768px){.grid-item{width:49%}}.leaflet-pane{z-index:99}#filters .btn{margin-right:.3rem}