@font-face{font-family:'LatoLatin';src:url("components/lato/font/lato-regular/lato-regular.eot");src:url("components/lato/font/lato-regular/lato-regular.eot?#iefix") format("embedded-opentype"),url("components/lato/font/lato-regular/lato-regular.woff") format("woff"),url("components/lato/font/lato-regular/lato-regular.ttf") format("truetype");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}html{margin:0;padding:0;height:100%}body{background:#ffffff;margin:0;padding:0;height:100%;font-family:'LatoLatin', Arial, Tahoma;overflow:hidden}.photo{background:url("portrait.jpg") no-repeat;background-size:cover;background-position:center center;-webkit-clip-path:polygon(0 0, 100% 0, 90% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 90% 100%, 0% 100%);width:50%;height:100%;color:#ffffff;float:left}.content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-content:center;background:#ffffff;width:50%;height:100%;float:right}.content h1{font-size:2em;font-weight:500;line-height:0.5em}.content h2{color:#8d8d8d;font-weight:400;font-size:1.1em;line-height:1em;margin-left:40%}.icons{position:absolute;right:0;bottom:5%;width:50%;text-align:center}.mailto{color:#f60}.mailto:hover{color:#c24e00}.facebook{color:#4b70ab}.facebook:hover{color:#385480}.twitter{color:#32b9e7}.twitter:hover{color:#1799c5}.instagram{color:#6291b2}.instagram:hover{color:#477290}.linkedin{color:#0087be}.linkedin:hover{color:#005c81}.googleplus{color:#fa5432}.googleplus:hover{color:#e92c06}.github{color:#3b3b3b}.github:hover{color:#1c1c1c}@media (max-width: 690px){body{overflow:auto;font-size:0.8em}.photo{float:none;width:100%;height:50%;-webkit-clip-path:polygon(0 0, 100% 0, 100% 90%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 90%, 0% 100%)}.content{float:none;width:100%;height:50%}.icons{width:100%}}@media (max-width: 690px) and (max-height: 400px){body{background:url("portrait.jpg") no-repeat;background-size:cover;background-position:center center;overflow:hidden}.photo{display:none}.content{width:100%;height:auto;position:absolute;top:0;left:0;float:none;background:rgba(255,255,255,0.8);font-size:0.7em}.content h2{display:none}}@media (max-height: 200px){h2{display:none}}