@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{--pri-color: #005eaa;--sec-color: #002c5f;--black-color: #1a1a1a;--white-color: white;--red-color: #e90023;--green-color: #07970f;--blue-grey-color: #385a80;--transition: all .5s;--font-body: 'DM Sans', sans-serif;--font-heading: 'DM Serif Display', serif}html,body{height:100%}html{font-size:62.5%}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--white-color);color:var(--blue-grey-color);font-size:1.6rem;font-family:var(--font-body);line-height:1.6}body main{margin-top:50px}a,a:link,a:visited{color:var(--pri-color);border-bottom:2px solid var(--pri-color);font-weight:600;text-decoration:none;transition:var(--transition)}a:hover,a:link:hover,a:visited:hover{color:var(--black-color);border-bottom:2px solid var(--black-color)}h1,h2,h3{line-height:normal;font-family:var(--font-heading)}h1{font-size:3.2rem}h2{font-size:2.8rem}h3{font-size:2.5rem}p{font-size:1.7rem;padding:0 0 30px 0}em{font-style:italic;font-weight:100}strong{font-weight:600}img{display:inline-block;border:0;max-width:100%;height:auto}.button{padding:20px 5px 20px 0px}.button a{background-color:var(--pri-color);border-bottom:none;border-radius:5px;color:var(--white-color);cursor:pointer;font-size:1.3rem;font-weight:400;outline:0;padding:12px 18px;text-transform:uppercase;transition:var(--transition)}.button a:hover{background-color:var(--black-color);border-bottom:none;color:var(--white-color)}.mobile{display:block}.desktop{display:none}@media only screen and (min-width: 768px){h1{font-size:4.5rem}h2{font-size:3.5rem}h3{font-size:2.5rem}.button{padding:20px 30px 20px 0px}.mobile{display:none}.desktop{display:block}}.afro-greetings{font-size:3.5rem;color:var(--pri-color);transition:all .6s}.afro-greetings .dummy{color:var(--white-color)}.about-me{height:auto;padding:50px 0}.about-me:first-of-type{padding:0 0 50px 0}.about-me img{display:block;margin-left:auto;margin-right:auto}.about-me h1{padding-top:0}.about-me .blue-background h1,.about-me .blue-background p{color:var(--white-color)}.about-me.img-1,.about-me.img-3,.about-me.img-4,.about-me.img-error{background-color:var(--white-color)}.about-me.img-2{background-color:var(--pri-color)}.about-me.img-1 .column:last-child{margin-left:0}.about-me.img-2 .button a{background-color:var(--black-color);color:var(--white-color)}.about-me.img-2 .button a:hover{background-color:var(--sec-color)}@media only screen and (min-width: 768px){.about-me{height:100vh;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center;padding:0}.about-me.img-1{background-image:url("../img/home/about-welcome.webp")}.about-me.img-2{background-image:url("../img/home/about-process.webp")}.about-me.img-3{background-image:url("../img/home/about-services.webp")}.about-me.img-4{background-image:url("../img/home/about-portfolio.webp")}.about-me.img-error{background-image:url("../img/home/about-error.webp")}}.banner{background-color:var(--pri-color);color:var(--white-color);padding:20px 0 0 0;margin-bottom:50px;position:relative}.banner h2{padding:20px 0 10px}.banner a,.banner a:link,.banner a:visited{color:var(--white-color);border-bottom:1px solid var(--white-color)}.banner a:hover,.banner a:link:hover,.banner a:visited:hover{color:var(--black-color);border-bottom:1px solid var(--black-color)}.banner img{box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);-webkit-box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);-moz-box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);border-radius:10px;margin:0}.banner .wave{position:relative;top:10px}@media only screen and (min-width: 768px){.banner{padding:80px 0 0 0;margin-bottom:50px}}.blog-card{display:block;margin-bottom:40px}.blog-card .caption{padding:0;text-align:left;width:100%}.blog-card .caption h3{color:var(--sec-color);font-size:1.3em;margin-bottom:10px}.blog-card .caption p.date{color:var(--pri-color);font-size:.8em;font-weight:600;padding:0}.blog-card .caption p.excerpt{padding:0;font-size:1em}.blog-card .caption p.read-more a,.blog-card .caption p.read-more a:link,.blog-card .caption p.read-more a:visited{color:var(--pri-color);border-bottom:2px solid var(--pri-color) !important;font-size:.9em;font-weight:normal;margin-top:15px}.blog-card .caption p.read-more a:hover,.blog-card .caption p.read-more a:link:hover,.blog-card .caption p.read-more a:visited:hover{color:var(--black-color);border-bottom:2px solid var(--black-color) !important}.blog-card a,.blog-card a:link,.blog-card a:visited{border-bottom:none !important}.blog-card a img,.blog-card a:link img,.blog-card a:visited img{border-radius:10px;float:none;height:100%;margin-right:0}.blog-card a img:hover,.blog-card a:link img:hover,.blog-card a:visited img:hover{border-bottom:none !important;opacity:.8}@media only screen and (min-width: 768px){.blog-card{display:inline-block}.blog-card .caption{padding:5px 20px 0 20px}.blog-card a img,.blog-card a:link img,.blog-card a:visited img{float:left;height:150px;margin-right:20px}}footer{background-color:var(--pri-color);color:var(--white-color);padding:0 0 20px 0;margin:0}footer p.copyright{padding:20px 0 10px 0;font-size:1.5rem}footer p{padding:0}footer a,footer a:link,footer a:visited{color:var(--white-color);border-bottom:none}footer a:hover,footer a:link:hover,footer a:visited:hover{color:var(--black-color)}footer .social i{font-size:3rem;padding-right:20px}footer .social a,footer .social a:link,footer .social a:visited{border-bottom:none}#mc_embed_signup form{border:none;width:100%}#mc_embed_signup form .mc-field-group{display:inline-block}#mc_embed_signup form .mc-field-group label{position:absolute;right:5000px}#mc_embed_signup form .mc-field-group #mce-EMAIL{background-color:var(--white-color);border:none;color:#343434;font-size:1em;padding:.7em 9em .7em 1em;outline:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;margin:0}#mc_embed_signup form .clear{display:inline-block}#mc_embed_signup form .clear .mailchimp-button{background-color:var(--sec-color);border:none;border-radius:3px;color:var(--white-color);cursor:pointer;display:inline-block;padding:14px 18px 12px 18px;font-size:.8em;font-weight:100;margin:.5em 0 0 0;outline:none;text-transform:uppercase;transition:var(--transition)}#mc_embed_signup form .clear .mailchimp-button:hover{background-color:var(--black-color)}@media(max-width: 600px){#mc_embed_signup form .mc-field-group{display:block;max-width:100%}#mc_embed_signup form .mc-field-group #mce-EMAIL{padding:.7em 0 .7em 1em;width:100%;margin:0}#mc_embed_signup form .clear{display:block;width:100%}#mc_embed_signup form .clear .mailchimp-button{width:100%;margin:.5em 0 0 0}}@font-face{font-family:thatafro;src:url(../fonts/thatafro.eot?66922856);src:url(../fonts/thatafro.eot?66922856#iefix) format("embedded-opentype"),url(../fonts/thatafro.woff2?66922856) format("woff2"),url(../fonts/thatafro.woff?66922856) format("woff"),url(../fonts/thatafro.ttf?66922856) format("truetype"),url(../fonts/thatafro.svg?66922856#thatafro) format("svg");font-weight:400;font-style:normal;font-display:swap}[class*=" icon-"]:before,[class^=icon-]:before{font-family:thatafro;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-love:before{content:""}.icon-instagram:before{content:""}.icon-behance:before{content:""}.icon-medium:before{content:""}.icon-amazon:before{content:""}.icon-facebook:before{content:""}.icon-twitter-bird:before{content:""}.icon-github:before{content:""}.icon-linkedin:before{content:""}.icon-codepen:before{content:""}#nav-head{height:50px;width:100%;margin:0 auto;top:0;left:0;z-index:900;position:fixed;background-color:var(--white-color);border-bottom:1px solid var(--pri-color);-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s}#nav-head a,#nav-head a:link,#nav-head a:visited{border-bottom:none}#nav-head::after{clear:both;content:"";display:table}#nav-head.reveal{-webkit-transform:translateY(80px);-moz-transform:translateY(80px);-ms-transform:translateY(80px);-o-transform:translateY(80px);transform:translateY(80px)}#nav-head img.logo{float:left;padding:10px 0 10px 0;max-width:100%;height:50px}@media only screen and (min-width: 768px){#nav-head{height:60px}#nav-head.reveal{-webkit-transform:translateY(170px);-moz-transform:translateY(170px);-ms-transform:translateY(170px);-o-transform:translateY(170px);transform:translateY(170px)}#nav-head img.logo{height:60px}}.nav-icon{position:relative;float:right;height:50px;width:35px;top:0;cursor:pointer;overflow:hidden;text-indent:100%;white-space:nowrap;color:rgba(0,0,0,0)}.nav-icon span,.nav-icon span::before,.nav-icon span::after{position:absolute;width:35px;height:5px;border-radius:5px;background-color:var(--pri-color);-webkit-backface-visibility:hidden;backface-visibility:hidden}.nav-icon span{top:21px;left:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.nav-icon span::before,.nav-icon span::after{content:"";left:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.nav-icon span::before{bottom:12px}.nav-icon span::after{top:12px}@media only screen and (min-width: 768px){.nav-icon{top:8px}}.reveal .nav-icon span{background-color:rgba(255,255,255,0)}.reveal .nav-icon span::before,.reveal .nav-icon span::after{background-color:var(--pri-color)}.reveal .nav-icon span::before{-webkit-transform:translateY(12px) rotate(-45deg);-moz-transform:translateY(12px) rotate(-45deg);-ms-transform:translateY(12px) rotate(-45deg);-o-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.reveal .nav-icon span::after{-webkit-transform:translateY(-12px) rotate(45deg);-moz-transform:translateY(-12px) rotate(45deg);-ms-transform:translateY(-12px) rotate(45deg);-o-transform:translateY(-12px) rotate(45deg);transform:translateY(-12px) rotate(45deg)}nav{position:fixed;top:0;left:0;width:100%;height:80px;z-index:900;background-color:var(--pri-color);visibility:hidden;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .5s 0s,visibility 0s .5s;-moz-transition:-moz-transform .5s 0s,visibility 0s .5s;transition:transform .5s 0s,visibility 0s .5s}nav.reveal{visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .5s 0s,visibility .5s 0s;-moz-transition:-moz-transform .5s 0s,visibility .5s 0s;transition:transform .5s 0s,visibility .5s 0s}nav ul{position:relative;height:100%}nav ul li{height:100%;width:25%;float:left}nav ul li:first-of-type a::before{background-image:url("../img/about.svg")}nav ul li:nth-of-type(2) a::before{background-image:url("../img/portfolio.svg")}nav ul li:nth-of-type(3) a::before{background-image:url("../img/blog.svg")}nav ul li:nth-of-type(4) a::before{background-image:url("../img/email.svg")}nav ul a{position:relative;display:block;height:100%;font-family:var(--font-body);font-weight:400;color:rgba(0,0,0,0)}nav ul a:hover{background-color:var(--black-color);color:rgba(0,0,0,0)}nav ul a::before{content:"";height:35px;width:35px;position:absolute;left:40%;top:30%;bottom:auto;right:auto;background-size:35px 35px;background-repeat:no-repeat;background-position:0 0}nav ul .active a{background-color:var(--black-color);color:rgba(0,0,0,0)}@media only screen and (min-width: 768px){nav{height:170px}nav ul a{color:var(--white-color) !important;padding:120px 0 0 0;font-size:1.8rem;text-align:center}nav ul a:hover{background-color:var(--black-color);color:var(--white-color)}nav ul a::before{top:2.5em;left:50%;right:auto;height:50px;width:50px;background-size:50px 50px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}nav ul .active a{background-color:var(--black-color);color:var(--white-color)}}.portfolio-content img{box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);-webkit-box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);-moz-box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);border-radius:10px;margin:10px 0 50px 0}.portfolio-item{color:var(--white-color);display:inline-block;font-size:2.5rem;font-weight:700}.portfolio-item img{box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);-webkit-box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);-moz-box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);display:block;border-radius:10px;max-width:100%}.portfolio-item .button a{background-color:var(--pri-color);color:var(--white-color)}.portfolio-item .button a:hover{background-color:var(--sec-color)}.portfolio-item .portfolio-text{width:95%;text-align:center;opacity:0;transition:opacity .5s;will-change:opacity,transform;position:absolute;top:50%;left:50%;transform:translate(-50%, 200%);z-index:3}.portfolio-item .portfolio-text p{font-size:2.5rem;font-weight:400}.portfolio-item:hover .portfolio-text{opacity:1;transform:translate(-50%, -50%);transition-duration:.5s}.portfolio-item .portfolio-item-overlay{position:relative;overflow:hidden;border-radius:10px;box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);-webkit-box-shadow:1px 0px 10px 1px rgba(34,34,34,.4);-moz-box-shadow:1px 0px 10px 1px rgba(34,34,34,.4)}.portfolio-item .portfolio-item-overlay:before{content:"";width:0;height:0;padding:25%;background-color:rgba(0,0,0,.7);border-radius:50%;position:absolute;top:50%;left:50%;transition:transform .5s;will-change:transform;transform:translate(-50%, -50%) scale(0)}.portfolio-item:hover .portfolio-item-overlay:before{transform:translate(-50%, -50%) scale(4);transition-duration:.5s}.projectForm{margin:0 auto;width:100%}.projectForm h3{color:var(--pri-color);line-height:2.5em}.projectForm input[type=email],.projectForm input[type=number],.projectForm input[type=text],.projectForm select,.projectForm textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;margin-top:6px;margin-bottom:16px;resize:vertical;font-family:var(--font-body);font-size:1.6rem}.projectForm button,.projectForm input[type=submit]{background-color:var(--pri-color);border:0;border-radius:5px;color:var(--white-color);font-size:1.3rem;font-weight:bold;padding:12px 18px;margin-bottom:50px;outline:0;transition:var(--transition)}.projectForm button:hover,.projectForm input[type=submit]:hover{background:var(--sec-color);cursor:pointer}.projectForm button:disabled{opacity:.6;cursor:not-allowed}.projectForm .form-error{color:var(--red-color);font-size:1.4rem;margin-top:4px;margin-bottom:0}.projectForm .form-messages{margin-bottom:50px}.projectForm .form-success,.projectForm .form-failure{border-radius:5px;color:var(--white-color);padding:20px}.projectForm .form-success{background-color:var(--green-color)}.projectForm .form-failure{background-color:var(--red-color)}.projectForm .formFields{margin:10px 0 25px 0;width:100%;display:block}.projectForm label{color:var(--blue-grey-color);font-size:2rem;line-height:normal}.projectForm label span{color:#db0b0b}.projectForm .checkbox-services div{height:100%;width:50%;float:left}.projectForm .checkbox-services div:last-of-type{margin-bottom:30px}.projectForm .checkbox-services div input[type=checkbox]{display:none}.projectForm .checkbox-services div label{background-color:var(--white-color);border:1px solid var(--black-color);border-radius:5px;color:var(--blue-grey-color);cursor:pointer;display:block;font-size:1.6rem;padding:15px;position:relative;margin:5px;text-align:center;transition:var(--transition)}.projectForm .checkbox-services div label:before{background-color:rgba(0,0,0,0);color:var(--white-color);content:" ";display:block;border-radius:50%;position:absolute;top:-10px;left:-10px;width:30px;height:30px;text-align:center;line-height:30px;transition:var(--transition);transform:scale(0)}.projectForm .checkbox-services div label svg{fill:var(--blue-grey-color);height:50px;width:auto;transition:var(--transition);transform:scale(1)}.projectForm .checkbox-services div label:hover{background-color:var(--pri-color);border-color:var(--pri-color);color:var(--white-color)}.projectForm .checkbox-services div label:hover svg{fill:var(--white-color)}.projectForm .checkbox-services div :checked+label{background-color:var(--pri-color);border-color:var(--pri-color);color:var(--white-color)}.projectForm .checkbox-services div :checked+label:before{content:"✓";background-color:#c47500;color:var(--white-color);transform:scale(1)}.projectForm .checkbox-services div :checked+label:hover{background-color:var(--blue-grey-color);border:1px solid var(--blue-grey-color);color:var(--white-color)}.projectForm .checkbox-services div :checked+label:hover svg{fill:var(--white-color)}.projectForm .checkbox-services div :checked+label svg{fill:var(--white-color);transform:scale(0.85);z-index:-1}@media only screen and (min-width: 768px){.projectForm .checkbox-services div{width:25%}.projectForm .checkbox-services div label{margin:10px}}#CalendlyForm{display:none}.calendly-prompt{color:var(--green-color);font-size:1.8rem;font-weight:bold;margin-bottom:30px}.grid-section{padding-bottom:40px;max-width:1200px;width:95%;margin:0 auto}.grid-section .grid-2,.grid-section .grid-3{margin-bottom:1em;transition:var(--transition)}@media screen and (min-width: 768px){.grid-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.grid-2{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 1 calc(50% - .5em);-ms-flex:0 1 calc(50% - .5em);flex:0 1 calc(50% - .5em)}.grid-3{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 1 calc(50% - .5em);-ms-flex:0 1 calc(50% - .5em);flex:0 1 calc(50% - .5em)}}@media screen and (min-width: 1000px){.grid-3{-webkit-flex:0 1 calc(33% - .5em);-ms-flex:0 1 calc(33% - .5em);flex:0 1 calc(33% - .5em)}}.content-small{position:relative;width:95%;max-width:900px;margin:0 auto;box-sizing:border-box;clear:both}.content-small:after{content:" ";display:table;clear:both}.content{position:relative;width:95%;max-width:1200px;margin:0 auto;box-sizing:border-box;clear:both}.content:after{content:" ";display:table;clear:both}.content .column{width:100%;float:left;margin-top:30px;box-sizing:border-box}@media only screen and (min-width: 768px){.vertically-centered{display:flex;align-items:center;justify-content:center}.column{margin-left:3%}.column:first-child{margin-left:0}.column.quarter{width:22.75%}.column.third{width:31.3333333333%}.column.two-thirds{width:65.6666666667%}.column.half{width:48.5%}}