@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.logo{text-transform:uppercase;color:white;border:5px solid white;height:100px;width:200px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:3rem;line-height:0}.logo a{text-decoration:none;color:white}.info-section{padding:36px;width:40%;position:absolute;top:0;bottom:0;left:0}.info-section .info-box{display:none}.info-section .displayInfo{padding:1rem 0;display:initial}.info-section .displayInfo h4{font-size:1.2rem;color:#fefefe;margin:1.5rem 0}.info-section .displayInfo p{font-size:.9rem;font-weight:300;color:#fefefe;margin:0.2rem 0 1.6rem}.info-section .displayInfo a{font-size:1.7rem;display:inline-block;text-decoration:none;color:white}.info-section .displayInfo a:hover{color:#5fad51}.icon-section a{display:block;color:white;text-decoration:none;font-size:1.7rem;padding:0 10px}.icon-section a:hover{color:#5fad51}.icon-section a:first-child{padding:0 10px 0 0}.home{background:#03254E;overflow:scroll;overflow-x:hidden}.home .info-section{padding:56px;width:35%}.home .content-area{margin-left:35%;width:65%;background:white;height:100%}.home .content-area .menu-active{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.home .content-area .menu-active .menu-icon #fa-bars{color:white;cursor:pointer}.home .content-area .menu-active #menu{opacity:1;width:100%;top:0;bottom:0;transform:translate3d(0, 0, 0)}.home .content-area #menu{background:#03254E;float:left;width:100%;height:100%;top:0;bottom:0}.home .content-area #menu nav{width:400px;text-align:center}.home .content-area #menu nav a{font-size:2.3rem;padding:1rem;display:block;text-decoration:none;color:white}.home .content-area #menu nav a:hover{color:#efefef}.home .content-area .img-container{display:inline-block;width:30%;position:relative;height:100%}.home .content-area .img-container .user-img{position:absolute;top:56px;left:-150px;width:100%;height:calc(100% - 112px);background:url("https://scontent-lga3-1.cdninstagram.com/vp/91c070948e2ddb9a09db43fc7d4cd180/5B362FB7/t51.2885-15/s640x640/sh0.08/e35/29088876_408552642939598_9071477602148941824_n.jpg") no-repeat center center;background-size:cover;border-radius:5px;box-shadow:3px 3px 5px -1px #87aaf0}.home .content-area .profile-section{vertical-align:top;display:inline-block;width:100%;padding:20% 0 0;max-width:500px}.home .content-area .profile-section .profile{width:100%;float:right;padding:20% 20px 0}.home .content-area .profile-section .profile h1{font-size:2.3rem;font-weight:500;line-height:1.2;margin:0 0 1rem 0}.home .content-area .profile-section .profile h1 span{color:#372772}.home .content-area .profile-section .profile h5{font-size:1.1rem;margin:0 0 2rem}.home .content-area .profile-section .profile p{color:#a9a9a9;display:inline-block;font-weight:300;line-height:1.4;margin:0 0 2rem 0}.home .content-area .profile-section .profile a{display:inline-block}@media (max-width: 767px){.home .menu-icon{top:-3px;right:20px;color:white}.home .menu-icon #fa-bars{color:white}.home .info-section{padding:10px 20px;position:static}.home .logo{height:50px;width:70px;font-size:1.1rem}.home .info-box{display:none}.home .content-area{margin-left:0;width:100%}.home .content-area:after{content:"";display:table;clear:both}.home .content-area .img-container{padding:56px 20px 0}.home .content-area .img-container .user-img{position:static;width:100%}.home .content-area .profile-section{width:70%;float:right;padding:20% 20px 0}.home .content-area:after{content:"";display:table;clear:both}}@media (min-width: 768px) and (max-width: 991px){.home .content-area .profile-section{width:70%;float:right;padding:20% 20px 0}.home .content-area .img-container{padding:56px 20px 0}.home .content-area .img-container .user-img{position:static !important;width:100%}}@media (min-width: 992px) and (max-width: 1199px){.home .content-area .img-container{padding:56px 20px 0;float:left}.home .content-area .img-container .user-img{position:static !important;width:100%}.home .content-area .profile-section{width:70%;float:left;padding:20% 20px 0;max-width:800px}}@media (min-width: 1200px){.home .content-area .img-container{padding:56px 20px 0;float:left}.home .content-area .img-container .user-img{width:350px}.home .content-area .profile-section{width:70%;float:left;padding:20% 60px 0;max-width:800px}}.resume{background:#03254E}.resume .info-section{padding:32px;width:20%}.resume .content-area{margin-left:20%;width:80%;min-width:300px;background:white;height:100%;overflow:hidden}.resume .content-area h1{font-weight:700;font-size:2rem;text-transform:uppercase;margin:56px}.resume .content-area .xp-section{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column-gap:56px;grid-row-gap:30px;max-width:1000px;overflow:hidden}.resume .content-area .xp-section .xp-box{padding:30px;transition:all .5s ease-in-out;cursor:pointer}.resume .content-area .xp-section .xp-box:hover{box-shadow:0 20px 74px 6px rgba(0,0,0,0.2)}.resume .content-area .xp-section .xp-box h5{font-weight:500;font-size:1.3rem;margin-bottom:1.4rem}.resume .content-area .xp-section .xp-box p{font-weight:300;font-size:1rem;margin-bottom:1rem}.resume .content-area .category{margin-bottom:56px}.resume .content-area .category h1{font-weight:700;font-size:2rem;text-transform:uppercase;margin:56px}.resume .content-area .category .xp-section{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column-gap:56px;grid-row-gap:30px;max-width:1000px;overflow:hidden}.resume .content-area .category .xp-section .xp-box{padding:30px;transition:all .5s ease-in-out;cursor:pointer}.resume .content-area .category .xp-section .xp-box:hover{box-shadow:0 20px 74px 6px rgba(0,0,0,0.2)}.resume .content-area .category .xp-section .xp-box h5{font-weight:500;font-size:1.3rem;margin-bottom:1.4rem}.resume .content-area .category .xp-section .xp-box p{font-weight:300;font-size:1rem;margin-bottom:1rem}@media (max-width: 767px){html,body{overflow:hidden}.resume .menu-icon{top:-3px;right:20px;color:white}.resume .menu-icon #fa-bars{color:white}.resume .info-section{padding:10px 20px;position:static}.resume .logo{height:50px;width:70px;font-size:1.1rem}.resume .info-box{display:none}.resume .content-area{margin-left:0;width:100%}.resume .content-area:after{content:"";display:table;clear:both}.resume .content-area .scroll-section{padding:50px 20px;width:100%}.resume .content-area .school{width:100%}.resume .content-area .school .xp-section{-ms-grid-columns:1fr;grid-template-columns:1fr}.resume .content-area .category{width:100%}.resume .content-area .category .xp-section{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 991px){.resume .info-section{width:30%;padding:56px 30px}.resume .info-section .logo{width:180px}.resume .info-section .icon-section a{font-size:1.7rem}.resume .content-area{height:auto;width:70%;margin-left:30%}.resume .content-area:after{content:"";display:table;clear:both}.resume .content-area .school{width:100%}.resume .content-area .school .xp-section{-ms-grid-columns:1fr;grid-template-columns:1fr}.resume .content-area .category{width:100%}.resume .content-area .category .xp-section{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (min-width: 992px) and (max-width: 1199px){.resume .info-section{width:30%;padding:56px 30px}.resume .info-section .icon-section a{font-size:1.7rem}.resume .content-area{width:70%;height:auto;margin-left:30%}.resume .content-area:after{content:"";display:table;clear:both}}@media (min-width: 1200px){.resume .info-section{width:30%;padding:56px 30px}.resume .info-section .icon-section a{font-size:1.7rem}}.work{background:#03254E}.work .info-section{padding:32px;width:35%}.work .content-area{margin-left:35%;width:65%;min-width:300px;background:white;height:100%;overflow:hidden}.work .work-section{margin-bottom:56px}.work .work-section h1{font-weight:700;font-size:2rem;text-transform:uppercase;margin:56px}.work .work-section .project-section{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;overflow:hidden}.work .work-section .project-section .project-box{position:relative;padding:30px;transition:all .5s ease-in-out;cursor:pointer;background-size:cover;height:400px}.work .work-section .project-section .project-box:hover{box-shadow:0 20px 74px 6px rgba(0,0,0,0.2)}.work .work-section .project-section .project-box h5{font-weight:500;font-size:1.3rem;margin-bottom:1.4rem}.work .work-section .project-section .project-box p{font-weight:300;font-size:1rem;margin-bottom:1rem}.work .work-section .project-section .project-box .grey-bg{background:#efefef;position:absolute;top:0;bottom:0;right:0;left:0;opacity:0;transition:all .3s ease-in-out;overflow:hidden}.work .work-section .project-section .project-box .grey-bg:hover{opacity:0.9}.work .work-section .project-section .project-box .grey-bg:hover .project-info .project-details{transform:translate3d(0, 0, 0);opacity:1}.work .work-section .project-section .project-box .grey-bg:hover .project-info .project-title{transform:translate3d(0, 0, 0);opacity:1}.work .work-section .project-section .project-box .grey-bg:hover .project-info #arrow{transform:translate3d(0, 0, 0);opacity:1}.work .work-section .project-section .project-box .grey-bg .project-info{padding:56px;position:absolute;bottom:0;width:100%}.work .work-section .project-section .project-box .grey-bg .project-info .project-details{position:relative;font-size:1.1rem;text-transform:capitalize;margin:0 0 1rem;transform:translate3d(-200px, 0, 0);opacity:0;transition:all .5s ease-in-out}.work .work-section .project-section .project-box .grey-bg .project-info .project-title{font-size:1.8rem;text-transform:uppercase;font-weight:700;transform:translate3d(0, 200px, 0);opacity:0;transition:all .6s ease-in-out 0.1s}.work .work-section .project-section .project-box .grey-bg .project-info #arrow{position:absolute;bottom:56px;right:56px;font-size:3rem;transform:translate3d(0, -400px, 0);opacity:0;transition:all .6s ease-in-out 0.3s}@media (max-width: 767px){.work .menu-icon{top:-3px;right:20px;color:white}.work .menu-icon #fa-bars{color:white}.work .info-section{padding:10px 20px;position:static}.work .logo{height:50px;width:70px;font-size:1.1rem}.work .info-box{display:none}.work .content-area{margin-left:0;width:100%}.work .content-area:after{content:"";display:table;clear:both}.work .content-area .work-section{width:100%;float:left;padding:20% 20px 0}.work .content-area .work-section .project-section{-ms-grid-columns:1fr;grid-template-columns:1fr}.work .content-area:after{content:"";display:table;clear:both}}@media (min-width: 768px) and (max-width: 991px){.work .info-section .icon-section a{font-size:1.4rem}.work .content-area{height:auto}.work .content-area:after{content:"";display:table;clear:both}.work .content-area .work-section{width:100%;float:left;padding:20% 20px 0}.work .content-area .work-section .project-section{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (min-width: 992px) and (max-width: 1199px){.work .info-section .icon-section a{font-size:1.7rem}.work .content-area{height:auto;width:100%}.work .content-area:after{content:"";display:table;clear:both}.work .content-area .work-section{overflow-x:scroll;overflow-y:scroll;width:100%;float:left;padding:20% 20px 0;min-width:800px !important}.work .content-area .work-section .project-section{-ms-grid-columns:1fr;grid-template-columns:1fr}.work .content-area .work-section .project-section .project-box{min-width:400px !important}}@media (min-width: 1200px){.work .info-section .icon-section a{font-size:1.7rem}.work .content-area{height:auto;width:100%}.work .content-area:after{content:"";display:table;clear:both}.work .content-area .work-section{width:100%;float:left;padding:20% 20px 0;min-width:800px !important}.work .content-area .work-section .project-section{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.work .content-area .work-section .project-section .project-box{min-width:400px !important}}@media (min-width: 1500px){.work .info-section .icon-section a{font-size:1.7rem}.work .content-area{height:auto;width:100%}.work .content-area:after{content:"";display:table;clear:both}.work .content-area .work-section{width:100%;float:left;padding:20% 20px 0;min-width:800px !important}.work .content-area .work-section .project-section{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.work .content-area .work-section .project-section .project-box{min-width:400px !important}}.contact{background:#03254E;overflow:scroll}.contact .menu-icon #fa-bars{color:#5fad51}.contact .info-section{padding:56px;width:35%}.contact .content-area{margin-left:35%;width:65%;background:white;height:100%}.contact .img-container{display:inline-block;width:30%;position:relative;height:100%}.contact .img-container .form-section{overflow-y:scroll;overflow-x:hidden;position:absolute;top:56px;left:-150px;width:100%;height:calc(100% - 112px);padding:46px;background:#272727;color:#fefefe;border-radius:5px;box-shadow:3px 3px 5px -1px #87aaf0}.contact .img-container .form-section h4{font-size:1.6rem;margin-top:.5rem;margin-bottom:1.2rem}.contact .img-container .form-section input[type="text"],.contact .img-container .form-section input[type="email"],.contact .img-container .form-section textarea{width:100%;background:transparent;border:none;border-bottom:2px solid #a9a9a9;margin-bottom:2rem;font-size:1.1rem;text-transform:uppercase;line-height:1.2;color:#a9a9a9;padding:15px 0}.contact .img-container .form-section button[type='submit']{background:#5fad51;color:#fefefe;border:none;border-radius:30px;text-align:center;color:#fefefe;font-size:1rem;padding:17px 30px;text-transform:uppercase;width:100%}.contact-section{vertical-align:top;background:white;padding:46px;width:100%;float:right}.contact-section .contact-info h1{font-size:2.3rem;font-weight:600;line-height:1.1;margin:0.2rem 0 1rem 0}.contact-section .contact-info h1 span{color:#372772}.contact-section .contact-info .contact-box{max-width:600px;padding:30px;width:100%;transition:all .5s ease-in-out;cursor:pointer}.contact-section .contact-info .contact-box h5{font-weight:600;font-size:1.1rem;margin:0 0 1.5rem}.contact-section .contact-info .contact-box p{color:#a9a9a9;font-weight:300;line-height:1.4;margin:0 0 2rem 0}.contact-section .contact-info .contact-box:hover{box-shadow:0 20px 74px 6px rgba(0,0,0,0.2)}@media (max-width: 767px){.contact .menu-icon{top:-3px;right:20px;color:white}.contact .menu-icon #fa-bars{color:white;cursor:pointer}.contact .info-section{padding:10px 20px;position:static}.contact .logo{height:50px;width:70px;font-size:1.1rem}.contact .info-box{display:none}.contact .content-area{margin-left:0;width:100%}.contact .content-area:after{content:"";display:table;clear:both}.contact .content-area .img-container{width:100%;padding:56px 20px 0;height:auto;background:white}.contact .content-area .img-container .form-section{position:static;width:100%;height:auto;overflow:auto}.contact .content-area .contact-section{width:100%;float:left;padding:20% 20px 0}}@media (min-width: 768px) and (max-width: 991px){.contact .info-section .icon-section a{font-size:1.4rem}.contact .content-area{height:auto}.contact .content-area:after{content:"";display:table;clear:both}.contact .content-area .img-container{width:100%;padding:56px 20px 0;height:auto}.contact .content-area .img-container .form-section{position:static !important;width:100%;height:auto;overflow:auto}.contact .content-area .img-container .contact-section{width:70%;float:left;padding:20% 20px 0}}@media (min-width: 992px) and (max-width: 1199px){.contact .info-section .icon-section a{font-size:1.4rem}.contact .content-area{height:auto}.contact .content-area:after{content:"";display:table;clear:both}.contact .content-area .img-container{padding:56px 20px 0;float:left;height:auto;width:100%}.contact .content-area .img-container .form-section{position:static !important;width:100%;float:left;height:auto;overflow:auto}.contact .content-area .contact-section{width:70%;float:left;padding:20% 20px 0;max-width:800px}}@media (min-width: 1200px){.contact .content-area .img-container{padding:56px 20px 0;float:left}.contact .content-area .img-container .form-section{left:-157px;width:400px}.contact .content-area .contact-section{width:70%;float:left;padding:20% 60px 0;max-width:800px}}@media (min-width: 1500px){.contact .content-area .img-container{padding:56px 20px 0;float:left}.contact .content-area .img-container .form-section{left:-250px;width:500px}.contact .content-area .contact-section{width:70%;float:left;padding:20% 60px 0;max-width:800px}}*{box-sizing:border-box}html,body{font-size:18px;font-family:'Titillium Web', sans-serif;height:100%}.menu-icon{position:fixed;right:36px;top:36px;padding:20px;z-index:11}.menu-icon #fa-bars{font-size:2rem;color:#03254E}.primary-btn{text-decoration:none;border:2px solid #03254E;background:#03254E;border-radius:30px;text-align:center;color:#fefefe;padding:15px 30px;display:inline-block;text-transform:uppercase;letter-spacing:3px;transition:all .2s ease-in-out}.primary-btn:hover{color:#5fad51;border-color:#5fad51}.ghost-btn{text-decoration:none;border:4px solid #272727;border-radius:30px;text-align:center;color:#272727;padding:12px 27px;margin-right:15px;display:inline-block;text-transform:uppercase;letter-spacing:3px;transition:all .3s ease-in-out}.ghost-btn:hover{border-color:#5fad51;color:#5fad51}.primary-btn,.ghost-btn{margin-bottom:20px;margin-right:15px}.menu{display:none}.displayMenu{padding:1.5rem 0;display:initial}.displayMenu a{font-size:2.3rem;padding:1rem;display:inline-block;text-decoration:none;color:white}.displayMenu a:hover{color:#5fad51}.scroll-section{height:100vh;overflow-y:scroll;overflow-x:hidden;padding:56px}