@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,900);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}html,body{margin:0;padding:0;font-family:'Raleway', sans-serif}*{box-sizing:border-box;font-family:'Raleway', sans-serif}h1,h2,h3,h4,h5{margin:0;font-family:'Raleway', sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}h3{font-weight:700;font-size:26px;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.07em}h2{color:#333333;text-align:center;margin:0 auto 20px;width:100%;display:block;font-size:35px}p.lead{font-family:'Raleway', sans-serif;font-weight:300;color:#666;text-align:center;margin:10px auto 0px;width:80%;line-height:1.5;font-size:18px}.content hr{border:none;border-top:1px solid #ddd;display:block;width:100%;margin:40px 0px}p,li{font-family:'Raleway', sans-serif;font-weight:300;letter-spacing:0.05em}li{list-style:circle}hr{border:none;border-top:1px solid rgba(255,255,255,0.5);margin:20px 0}.section{position:relative;width:100%;display:block;min-height:100px;padding:100px 0}.section::after{clear:both;content:"";display:table}@media screen and (max-width: 700px){.section{padding:50px 0}}.content{max-width:1275px;margin:auto;padding:0px 50px;box-sizing:border-box;width:100%}.content::after{clear:both;content:"";display:table}@media screen and (max-width: 700px){.content{padding:0 20px}}.button,form input[type="submit"]{-webkit-transition:background .1s linear;transition:background .1s linear;color:#fff;padding:0px 0px;width:auto;background:#f56993;border:none;border-radius:0px;line-height:45px;height:45px;-webkit-appearance:none;text-decoration:none;margin:20px auto 0;float:none;display:block;max-width:240px;font-weight:600;font-size:16px;text-align:center;letter-spacing:0.1em;border:2px solid #f56993}.button:hover,form input[type="submit"]:hover{background:#b84575;background:#813052;background:transparent;color:#f56993;border:2px solid #f56993}.nav{display:none}.nav_toggle{-webkit-transition:all .2s linear;transition:all .2s linear;color:white;text-transform:uppercase;position:absolute;top:50px;right:50px;z-index:2300;padding:5px 0px;border-top:2px solid rgba(255,255,255,0);border-bottom:2px solid rgba(255,255,255,0);cursor:pointer;letter-spacing:0.2em}.nav_toggle:hover{padding:5px 0;border-top:2px solid #fff;border-bottom:2px solid #fff}@media screen and (max-width: 700px){.nav_toggle{top:15px;right:20px;padding:5px 0px;text-align:center}.nav_toggle:hover{padding:5px 0px}}.nav{position:fixed;top:0px;left:0;width:100%;height:100%;background:rgba(147,55,94,0.9);z-index:2000}.nav ul{list-style:none;margin:0;padding:0;display:block;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.nav li{list-style:none;display:block;margin:20px 0;text-align:center;width:100%}.nav li a{font-size:60px;color:white;font-weight:700;text-decoration:none;text-align:center}.nav li a:hover{text-decoration:underline}@media screen and (max-width: 820px){.nav li a{font-size:40px}}.fixed_nav{-webkit-transition:all .2s linear;transition:all .2s linear;position:fixed;top:0px;left:0px;z-index:2500;height:50px;background:#6E2946;background:-webkit-linear-gradient(45deg, rgba(201,73,102,0.9) 0%, rgba(126,100,136,0.9) 98%, rgba(126,100,136,0.9) 100%);background:linear-gradient(45deg, rgba(201,73,102,0.9) 0%, rgba(126,100,136,0.9) 98%, rgba(126,100,136,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c94966', endColorstr='#b37e6488',GradientType=1 );width:100%;display:block}.fixed_nav .logo{-webkit-transition:opacity .1s linear;transition:opacity .1s linear;top:12px}.fixed_nav .logo a,.fixed_nav .logo span{height:29px;background-size:50px auto}.fixed_nav .logo:hover{opacity:.7}.fixed_nav .nav_toggle{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.home_layout .fixed_nav{top:-50px}.fixed_nav.is-down{top:0px}.intro{position:relative;padding:0;overflow:hidden}.intro img{width:100%}@media screen and (max-width: 700px){.intro img{width:700px}}@media screen and (max-width: 500px){.intro img{width:550px;margin-left:-50px}}.logo{position:absolute;top:50px;left:50px;cursor:pointer}.logo a,.logo span{background:url("../images/mv_logo.png") top left no-repeat;display:block;height:46px;width:85px}@media screen and (max-width: 700px){.logo{top:20px;left:20px}.logo a,.logo span{background-size:50px auto;width:50px;height:29px}}.name{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:65px;color:white;margin:auto;text-transform:uppercase;width:100%;text-align:center;padding:10px 0px;display:block;line-height:1;font-weight:900;letter-spacing:0.1em;white-space:nowrap}.name:before{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:'';width:50%;max-width:400px;border-top:2px solid rgba(255,255,255,0.7);border-bottom:2px solid rgba(255,255,255,0.7);display:block;height:120%}.name span{position:absolute;top:130%;font-size:18px;font-weight:300;text-transform:none;left:50%;letter-spacing:0.07em;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);@inlcude opacity(50)}@media screen and (max-width: 820px){.name{font-size:40px}}@media screen and (max-width: 700px){.name{font-size:35px}}@media screen and (max-width: 500px){.name{font-size:25px}.name span{font-size:14px}}.about .content{max-width:800px;text-align:left}.about .content p{line-height:1.7;color:#666;font-size:16px}.about .content p span{font-size:20px;font-weight:600}.resume{background:url("../images/bg_resume.jpg") top center no-repeat;background-size:cover}.resume .button:hover,.resume form input[type="submit"]:hover,form .resume input[type="submit"]:hover{color:white}.block{background:-webkit-linear-gradient(45deg, rgba(201,73,102,0.7) 0%, rgba(126,100,136,0.7) 98%, rgba(126,100,136,0.7) 100%);background:linear-gradient(45deg, rgba(201,73,102,0.7) 0%, rgba(126,100,136,0.7) 98%, rgba(126,100,136,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c94966', endColorstr='#b37e6488',GradientType=1 );box-sizing:border-box;border:1px solid rgba(0,0,0,0.07);height:240px;float:right;clear:right;margin:10px 0;width:calc(50% - 10px);padding:40px;color:white;opacity:.9}@media screen and (max-width: 900px){.block{width:calc(100% - 20px);clear:none;margin:20px 10px 0px;float:left;height:auto}}@media screen and (max-width: 820px){.block{width:calc(100% - 20px);height:auto;padding:40px 20px}}.block.tall{height:500px;float:left}.block.tall ul{float:none;width:auto}.block.tall hr{margin:20px 0px}@media screen and (max-width: 900px){.block.tall{width:calc(100% - 20px);height:auto}}.block ul{width:100%;padding-left:20px;margin-top:10px}.block ul li{margin-bottom:8px;font-size:14px;padding-left:15px}.block.skills ul li{float:left;width:33%}@media screen and (max-width: 820px){.block.skills ul li{width:50%;margin-top:0}}@media screen and (max-width: 500px){.block.skills ul li{width:100%;margin-top:0}}.block a{color:white;text-decoration:none}.block h4{float:left;font-weight:700;font-size:16px;letter-spacing:0.07em}.block .job_title{clear:both;font-size:14px;margin-top:10px;font-weight:300;letter-spacing:0.07em;display:block}.block .job_title::after{clear:both;content:"";display:table}@media screen and (max-width: 700px){.block .job_title{margin-bottom:10px}}.block .job_date{float:right;font-size:12px;line-height:20px;letter-spacing:0.07em}@media screen and (max-width: 700px){.block .job_date{display:none}}@media screen and (max-width: 1200px){.block .education_overview .job_date{float:none;display:block;clear:both}}.block .job_overview::after,.block .education_overview::after{clear:both;content:"";display:table}.portfolio{display:block;width:calc(100% + 20px);margin-left:-10px}.portfolio::after{clear:both;content:"";display:table}@media screen and (max-width: 700px){.portfolio{width:100%;max-width:620px;margin:auto}}.work_layout .view_more{display:none}@media screen and (max-width: 900px){.latest_projects .piece.featured{width:calc(50% - 20px)}}@media screen and (max-width: 500px){.latest_projects .piece.featured{width:100%}}@media screen and (min-width: 821px){.latest_projects .piece.featured{width:calc(50% - 20px);margin:0px 10px 20px;max-width:600px}.latest_projects .piece.featured .info .project_name{font-size:24px}}@media screen and (min-width: 901px){.latest_projects .piece.featured{width:calc(50% - 20px);margin:0px 10px 20px;max-width:600px}.latest_projects .piece.featured .info .project_name{font-size:24px}}@media screen and (max-width: 700px){.latest_projects .piece.featured{width:calc(100% - 20px)}}@media screen and (min-width: 821px){.latest_projects .piece.piece_7,.latest_projects .piece.piece_8,.latest_projects .piece.piece_9,.latest_projects .piece.piece_10,.latest_projects .piece.piece_6{float:right;margin:0px 10px 20px}}@media screen and (min-width: 701px) and (max-width: 901px){.latest_projects .piece.piece_2{width:calc(50% - 20px)}}.more_projects{position:relative;display:none;clear:both}.all_projects{position:relative;display:none}.view_more{cursor:pointer}.view_all{cursor:pointer;display:none}.view_all.is-visible{display:block}.piece{position:relative;width:calc(25% - 20px);margin:0px 10px 20px;float:left;border:1px solid #ddd;cursor:pointer;overflow:hidden}.piece .filler{max-width:100%;float:left;display:block}.piece .project_img{display:block}.piece .project_img::after{clear:both;content:"";display:table}.piece .project_image{position:absolute;top:0px;left:0px;min-height:100%;min-width:100%;height:auto;width:auto;max-width:100%}.piece .info{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);color:white}.piece .info .project_name{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);letter-spacing:0.08em;font-size:18px;text-align:center;padding:20px;font-weight:600;width:100%;box-sizing:border-box}@media screen and (max-width: 820px){.piece .info .project_name{font-size:16px}}@media screen and (max-width: 700px){.piece .info .project_name{font-size:18px}}.piece:hover .info{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}@media screen and (max-width: 900px){.piece{width:calc(33.3% - 20px)}}@media screen and (max-width: 700px){.piece{width:calc(50% - 20px);margin:0px 10px 20px}}@media screen and (max-width: 500px){.piece{width:100%;height:300px;max-width:300px;float:none;margin:0 auto 20px}}.project_overlay{position:fixed;top:0px;left:0;height:100%;width:100%;display:none;background:rgba(0,0,0,0.3);z-index:1000}.project_overlay .overlay_inner{position:absolute;top:50%;left:50%;max-width:1200px;width:calc(100% - 100px);background:white;padding:50px;box-sizing:border-box;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:1px solid #ccc}.project_overlay .overlay_inner .img{position:relative;float:left;width:50%;overflow:hidden;max-height:600px;border:1px solid #ddd}.project_overlay .overlay_inner .img::after{clear:both;content:"";display:table}.project_overlay .overlay_inner .img img{max-width:100%;float:left;height:auto;min-height:1px}@media screen and (max-width: 820px){.project_overlay .overlay_inner .img{width:100%;max-width:300px;float:none;margin:auto}}.project_overlay .overlay_inner .img .filler{max-width:100%;float:left;display:block}.project_overlay .overlay_inner .img .project_image{position:absolute;top:0px;left:0px;width:100%;min-width:100%;height:auto;width:auto;max-width:100%}.project_overlay .overlay_inner .project_info{float:left;width:50%;padding:50px 0px 50px 50px;box-sizing:border-box}.project_overlay .overlay_inner .project_info label{color:#b84575;text-decoration:none;font-weight:600;display:block;margin-bottom:10px}.project_overlay .overlay_inner .project_info a{color:#b84575;text-decoration:none;font-weight:400;background:#f5f5f5;width:100%;padding:10px;margin-top:10px;letter-spacing:0.05em;display:block}.project_overlay .overlay_inner .project_info a:after{content:'\f14c';float:right;font-family:FontAwesome;font-size:20px}.project_overlay .overlay_inner .project_info ul,.project_overlay .overlay_inner .project_info li{list-style:none;margin:0;padding:0}.project_overlay .overlay_inner .project_info ul li{margin-bottom:20px;color:#666}@media screen and (max-width: 820px){.project_overlay .overlay_inner .project_info{width:100%;padding:20px 0px 0px 0px}}.project_overlay .overlay_inner h2{color:#6d6484;color:#b84575;color:#333;margin-bottom:20px;font-size:30px;text-align:left}@media screen and (max-width: 820px){.project_overlay .overlay_inner h2{text-align:center}}.project_overlay .overlay_inner .close_overlay{position:absolute;top:20px;right:20px;display:block;font-weight:300;font-size:14px;padding:10px;border-radius:20px;line-height:1;color:#ccc;text-align:center;cursor:pointer}.project_overlay .overlay_inner .close_overlay:hover{color:#b84575}@media screen and (max-width: 700px){.project_overlay .overlay_inner .close_overlay{font-size:16px;color:#b84575}}@media screen and (max-width: 820px){.project_overlay .overlay_inner{padding:60px 20px 20px;max-width:calc(100% - 40px);text-align:center}}@media screen and (max-height: 768px){.project_overlay{overflow:scroll}.project_overlay .overlay_inner{margin:100px auto;top:0px;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}}@media screen and (max-width: 500px){.project_overlay{position:fixed;margin:0px auto}.project_overlay .overlay_inner{width:calc(100% - 40px)}}.contact{background:url("../images/bg_contact.jpg") top right no-repeat;background-size:cover}.social a{margin-right:20px}.social a:hover .fa{color:#f56993}@media screen and (max-width: 700px){.social a{margin-right:10px;margin-left:10px}}.social .fa{color:white;font-size:40px;line-height:40px}@media screen and (max-width: 700px){.social .fa{font-size:30px}}.email,.social{letter-spacing:0.1em}.email a:hover,.social a:hover{color:#f56993}@media screen and (max-width: 820px){.email,.social{width:calc(50% - 20px);max-height:160px;text-align:center}.email a,.social a{line-height:40px}}@media screen and (max-width: 700px){.email,.social{width:calc(100% - 20px)}.email a,.social a{font-size:16px}}form{letter-spacing:0.05em}form input,form textarea{width:100%;background:transparent;border:1px solid white;line-height:50px;display:block;height:50px;color:white;margin-bottom:20px;padding:0px 20px;font-size:14px;border-radius:0px;letter-spacing:0.05em}form input:focus,form textarea:focus{background:white;color:#333}form input::-webkit-input-placeholder,form textarea::-webkit-input-placeholder{color:white;letter-spacing:0.05em}form input:-moz-placeholder,form textarea:-moz-placeholder{color:white;letter-spacing:0.05em}form input::-moz-placeholder,form textarea::-moz-placeholder{color:white;letter-spacing:0.05em}form input:-ms-input-placeholder,form textarea:-ms-input-placeholder{color:white;letter-spacing:0.05em}form textarea{height:100px}form input[type="submit"]{color:#fff;float:right;padding:0px 60px;width:auto;border-radius:0px;-webkit-appearance:none}form input[type="submit"]:hover{color:white}@media screen and (max-width: 700px){form input[type="submit"]{width:100%;max-width:100%}}