@import url(https://fonts.googleapis.com/css?family=Montserrat);*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;margin:0;background-color:white}.row{margin-right:0!important;margin-left:0!important}.col-lg-12{padding-right:0!important;padding-left:0!important}.col-md-12{padding-right:0!important;padding-left:0!important}.col-sm-12{padding-right:0!important;padding-left:0!important}.col-xs-12{padding-right:0!important;padding-left:0!important}#header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}#header-styleguide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:63vh}#header-mingo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:63vh}nav{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#banner{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}nav ul{list-style-type:none}nav ul li a{display:block;color:black;background:transparent;text-decoration:none;padding:10px;font-size:20px;-webkit-transition:color 1s ease, background 1s ease, padding 1s ease;-o-transition:color 1s ease, background 1s ease, padding 1s ease;transition:color 1s ease, background 1s ease, padding 1s ease}nav ul li a:hover{color:#f5f5f5;padding-left:60px;background:#612726;text-decoration:none}#nav-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px 20px 10px}#nav-top a{font-size:2rem;padding:5px;background:#34b2a4;text-decoration:none;color:#f5f5f5;border:3px solid;-webkit-transition:color 2s ease, background 2s ease;-o-transition:color 2s ease, background 2s ease;transition:color 2s ease, background 2s ease}#menu-btn{padding:5px;border:2px solid #612726;cursor:pointer;-ms-flex-item-align:center;align-self:center}nav{position:fixed;width:100%;z-index:4;-webkit-transition:background 2s ease;-o-transition:background 2s ease;transition:background 2s ease}.navBackground{background:rgba(163, 163, 163, 0.6)}.bar1,.bar2,.bar3{height:5px;width:35px;background-color:#34b2a4;margin:5px 0;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease}.turn .bar1{-webkit-transform:rotate(-45deg) translate(-7px, 6px);-ms-transform:rotate(-45deg) translate(-7px, 6px);transform:rotate(-45deg) translate(-7px, 6px)}.turn .bar2{opacity:0}.turn .bar3{-webkit-transform:rotate(45deg) translate(-7px, -8px);-ms-transform:rotate(45deg) translate(-7px, -8px);transform:rotate(45deg) translate(-7px, -8px)}@media screen and (min-width:690px){nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px}#menu-btn{display:none}nav ul{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap;flex-wrap:wrap}nav ul li{-webkit-box-flex:1;-ms-flex:1 0 125px;flex:1 0 125px}nav ul .icon{-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px}nav ul li .link-icon{color:#f5f5f5;background:#395e7e}nav ul li .link-icon:hover{background:#612726}nav ul a{text-align:center}nav ul a:hover{padding:10px!important}#nav-top{padding:10px}}@media screen and (max-width:689px){#bannerStyleguide{margin-top:410px}#bannerMingo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url(../img/Artboard\ 2.png);background:-webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/Artboard\ 2.png);background:-o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/Artboard\ 2.png);background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/Artboard\ 2.png);background-attachment:fixed;background-size:cover}#bannerIsland{margin-top:410px}nav{position:relative;width:100%;z-index:4;-webkit-transition:background 2s ease;-o-transition:background 2s ease;transition:background 2s ease}.work{display:block;width:100%;cursor:pointer;opacity:1;-webkit-transition:opacity 2s ease;-o-transition:opacity 2s ease;transition:opacity 2s ease}.image-overlay{overflow:hidden}}#banner{background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url(../img/graphicdesign.jpg);background:-webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/graphicdesign.jpg);background:-o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/graphicdesign.jpg);background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/graphicdesign.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#bannerMingo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url(../img/Artboard\ 2.png);background:-webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/Artboard\ 2.png);background:-o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/Artboard\ 2.png);background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/Artboard\ 2.png);background-size:cover;background-repeat:no-repeat;background-position:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:80px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#bannerMingo h1{color:white;font-size:3.2rem;font-family:cursive;text-transform:capitalize}#bannerMingo h3{color:white;font-size:2rem;font-family:cursive;text-transform:capitalize}#bannerIsland{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url(../img/mountains.jpg);background:-webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/mountains.jpg);background:-o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/mountains.jpg);background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/mountains.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#bannerStyleguide{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url(../img/styleGuide.png);background:-webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/styleGuide.png);background:-o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/styleGuide.png);background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/styleGuide.png);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:80px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#banner-box{color:#f5f5f5;text-align:center;padding:20px;background:rgba(0, 0, 0, 0.2)}#banner-box-styleguide{color:#f5f5f5;text-align:center;margin-top:225px}#banner-title{color: white;font-size:3.2rem;font-family:cursive;text-transform:capitalize}.banner-underline{width:200px;margin:10px auto;border:3px solid #34b2a4}.banner-subtitle{color:white;margin:20px 0 40px 0;font-size:1.8rem;font-family:cursive}.banner-subtitle-mongo{color:white;margin:20px 0 40px 0;font-size:1.5rem;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}#banner-box a{display:inline-block;padding:10px;font-size:2.5rem;font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif!important;text-decoration:none;color:#f5f5f5;background:#34b2a4;border:3px solid white;-webkit-transition:background 3s ease, border 0.5s ease;-o-transition:background 3s ease, border 0.5s ease;transition:background 3s ease, border 0.5s ease}#banner-box a:hover{background:transparent;border:3px solid black;color:black}#banner-box-mingo{color:#f5f5f5;text-align:center;margin-top:225px}#banner-box-mingo a{display:inline-block;padding:10px;font-size:3.2rem;text-decoration:none;color:#f5f5f5;background:#34b2a4;border:3px solid #34b2a4;-webkit-transition:background 3s ease, border 0.5s ease;-o-transition:background 3s ease, border 0.5s ease;transition:background 3s ease, border 0.5s ease}#banner-box-mingo a:hover{background:transparent;border:3px solid #f5f5f5}.title{margin:10px 0 40px 0;cursor:default}.title-text{font-size:2.2rem;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;text-transform:capitalize;color:#575757}.title-underline{width:50px;border:3px solid #34b2a4;-webkit-transition:width 4s ease, border 4s ease;-o-transition:width 4s ease, border 4s ease;transition:width 4s ease, border 4s ease}.title:hover .title-underline{width:200px;border:3px solid #612726}#icon-section{height:100px;background:#c9c9c9;text-align:center;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 50%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 50%);padding:20px 0 40px 0}#icon-section a{display:inline-block;padding:5px 10px;margin:0 5px;font-size:30px;color:#34b2a4;border-radius:5px;background:rgba(0, 0, 0, 0.8);-webkit-transition:color 2s ease, -webkit-transform 2s ease;transition:color 2s ease, -webkit-transform 2s ease;-o-transition:transform 2s ease, color 2s ease;transition:transform 2s ease, color 2s ease;transition:transform 2s ease, color 2s ease, -webkit-transform 2s ease}#icon-section a:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);color:#d9e5d6}#skills{padding:40px}.skill{text-align:center;margin:20px 0}.skill h1{margin:5px 0 15px 0;text-transform:capitalize;font-size:1.5rem;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;color:#612726}.skill p{line-height:1.2;font-size:1.2rem;margin:0 auto}@media screen and (min-width:576px){.skills-center{max-width:90vw;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.skill{-webkit-box-flex:0;-ms-flex:0 1 calc(50% - 1em);flex:0 1 calc(50% - 1em)}}@media screen and (min-width:992px){.skill{-webkit-box-flex:0;-ms-flex:0 1 calc(25% - 1em);flex:0 1 calc(25% - 1em)}}#profile{max-height:500px;overflow-x:hidden;overflow-y:hidden}#profile img{width:100%}#logo{background:rgba(158, 160, 160, 0.15);color:#333;font-family:cursive;margin-left:10%;margin-right:50%;padding:10px;position:absolute;text-align:center;top:30%}#logo h1{font-size:6.5rem}#logo h2{font-size:3rem}#about{padding:40px;background:#f5f5f5}#about-text{padding:10px}#about-image{padding:0}#about-text h2{color:#612726;font-size:2rem;font-family:cursive}#about-text p{font-size:1.2rem;margin:1.5rem 0}#about-text a{display:inline-block;padding:10px;font-size:1.5rem;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;text-decoration:none;color:#f5f5f5;background:#34b2a4;border:3px solid white;-webkit-transition:background 3s ease, border 0.5s ease;-o-transition:background 3s ease, border 0.5s ease;transition:background 3s ease, border 0.5s ease}#about-text a:hover{background:transparent;border:3px solid black;color:black}@media screen and (min-width:776px){#about{display:-webkit-box;display:-ms-flexbox;display:flex}#about-text{min-height:40vh;-webkit-box-flex:0;-ms-flex:0 0 55%;flex:0 0 55%}#about-image{max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 47%;flex:0 0 47%}}.container{margin-top:10rem;margin-bottom:5rem}.container-exp{margin-top:10rem;margin-bottom:5rem;position:relative}.container-grey{margin-bottom:10rem;position:relative}.centered-text-experience{position:relative;float:left}#portfolio{padding:40px;background:white}.work{position:relative;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));background:-webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));background:-o-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));max-height:300px;border-radius:5px;margin:10px 0}#portfolio img{display:block;width:100%;cursor:pointer;opacity:1;-webkit-transition:opacity 2s ease;-o-transition:opacity 2s ease;transition:opacity 2s ease}#portfolio img:hover{opacity:0.4}.image-overlay{bottom:0;left:0;width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;background:#34b2a4;-webkit-transition:margin 2s ease;-o-transition:margin 2s ease;transition:margin 2s ease}.image-text h2{text-transform:capitalize;font-family:cursive;font-size:1.6rem;margin-bottom:5px;color:white}.image-text p{text-transform:capitalize;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;font-size:1.2rem;margin-bottom:5px;color:white}.image-overlay .fa{font-size:30px;color:#34b2a4;padding:10px;background:#f5f5f5;border-radius:50%;-webkit-transition:background 2s ease, -webkit-transform 2s ease;transition:background 2s ease, -webkit-transform 2s ease;-o-transition:transform 2s ease, background 2s ease;transition:transform 2s ease, background 2s ease;transition:transform 2s ease, background 2s ease, -webkit-transform 2s ease}.image-overlay .fa:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);background:#082238}.section-btn{text-align:center;margin:10px 0 10px 0}.section-btn a{display:inline-block;padding:10px;font-size:2rem;text-decoration:none;color:#f5f5f5;background:#34b2a4;border:3px solid #34b2a4;-webkit-transition:background 3s ease, border 0.5s ease;-o-transition:background 3s ease, border 0.5s ease;transition:background 3s ease, border 0.5s ease}.section-btn a:hover{background:transparent;border:3px solid #f5f5f5}.section-btn .fa{font-size:40px;margin-right:10px}@media screen and (mav-width:576px){.image-text h2{text-transform:capitalize;font-family:cursive;font-size:1.2rem;margin-bottom:1px;color:white}}@media screen and (min-width:576px){.portfolio-center{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.work{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 15px);flex:0 0 calc(50% - 15px)}}@media screen and (min-width:776px){.work{-webkit-box-flex:0;-ms-flex:0 0 calc(33.3% - 15px);flex:0 0 calc(33.3% - 15px)}}#services{padding:40px}.service{margin:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.service-icon .fa{font-size:60px;color:#612726;margin-right:20px}.service-subtitle{text-transform:capitalize;color:#612726;font-size:20px}.service-info{margin-top:10px;line-height:1.5}.service:hover .fa,.service:hover .service-subtitle{color:rgba(0, 0, 0, 0.8)}.service:hover .service-info{color:#939393}@media screen and (min-width:576px){.services-center{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.service{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 1em);flex:0 0 calc(50% - 1em)}}@media screen and (min-width:972px){.service{-webkit-box-flex:0;-ms-flex:0 0 calc(33.3% - 1em);flex:0 0 calc(33.3% - 1em)}}#customers{padding:40px;background:#c9c9c9}.customer{color:black;text-align:center;margin:20px 0}.customer img{border-radius:20%;max-width:200px}.customer h2{font-size:1.5rem;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;margin:10px 0;text-transform:capitalize;color:#612726}.customer h3{font-size:1.2rem;margin:10px 0;text-transform:capitalize;color:#612726}.customer h5{text-transform:uppercase;color:#959595}.customer p{font-size:1rem;line-height:1.5;margin:10px auto}@media screen and (min-width:576px){.customers-center{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.customer{-webkit-box-flex:0;-ms-flex:0 0 calc(33.3% - 1em);flex:0 0 calc(33.3% - 1em)}}#contact{padding:40px;background:#34b2a39d;color:#f5f5f5}#contact .title-underline{width:50px;border:3px solid white;-webkit-transition:width 4s ease, border 4s ease;-o-transition:width 4s ease, border 4s ease;transition:width 4s ease, border 4s ease}#contact .title-underline:hover{width:200px;border:3px solid #612726}.item-info{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 0;font-size:30px}.item-info .fa{margin-right:20px}form input{display:block;width:100%;margin:10px 0;font-size:25px;padding:10px;background:transparent;border:none;border-bottom:4px solid #f5f5f5}form input::-webkit-input-placeholder{color:#f5f5f5}form input:-ms-input-placeholder{color:#f5f5f5}form input::-ms-input-placeholder{color:#f5f5f5}form input::placeholder{color:#f5f5f5}#customer-info a{display:block;padding:20px;margin-top:30px;text-decoration:none;font-size:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;color:#f5f5f5;background:gray;border:3px solid white;-webkit-transition:background 2s ease;-o-transition:background 2s ease;transition:background 2s ease}#customer-info a:hover{background:transparent;color:black;border:3px solid black}#left-column #left-column-button-submit{display:block;padding:20px;margin-top:30px;text-decoration:none;font-size:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;color:#f5f5f5;background:#191919;border-color:#34b2a4;-webkit-transition:background 2s ease;-o-transition:background 2s ease;transition:background 2s ease}#left-column #left-column-button-submit:hover{background:#c9c9c9;border-color:black;color:black}@media screen and (min-width:776px){.contact-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}#company-info{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 10px);flex:0 0 calc(50% - 10px)}#customer-info{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 10px);flex:0 0 calc(50% - 10px)}}#styleguide{padding:40px;background:#f5f5f5}#left-column{padding:40px}#right-column{padding:0}#right-column h1{color:#612726;font-size:2rem;font-family:cursive}#right-column h2{color:#612726;font-size:1.2rem;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}#left-column h1{color:#612726;font-size:2rem;font-family:cursive}#left-column h2{color:#612726;font-size:1.2rem;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}#left-column p{margin:3rem 0;font-size:1.2rem;font-family:'Abel', sans-serif, 'semi-bold'}#left-column a{display:inline-block;padding:10px;font-size:40px;text-decoration:none;color:#f5f5f5;background:#34b2a4;border:3px solid #34b2a4;-webkit-transition:background 3s ease, border 0.5s ease;-o-transition:background 3s ease, border 0.5s ease;transition:background 3s ease, border 0.5s ease}#left-column a:hover{background:transparent;border:3px solid #f5f5f5}@media screen and (min-width:776px){#styleguide{display:-webkit-box;display:-ms-flexbox;display:flex}#left-column{min-height:40vh;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}#right-column{max-width:48%;margin-left:100px}}#current .title{margin:40px 0}.current-item{background:-webkit-gradient(linear, left top, left bottom, from(#34b2a4), to(#34b2a4));background:-webkit-linear-gradient(#34b2a4, #34b2a4);background:-o-linear-gradient(#34b2a4, #34b2a4);background:linear-gradient(#34b2a4, #34b2a4)}.current-item img{display:block;width:100%;opacity:1;-webkit-transition:opacity 2s ease;-o-transition:opacity 2s ease;transition:opacity 2s ease}.current-item img:hover{opacity:0.5}#video-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#image-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;width:100%}#centered-text-project{font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;margin-left:10rem;margin-right:10rem;margin-top:3rem;margin-bottom:3rem;text-align:justify;font-size:1.2rem}#centered-project-h2{font-family:'Abel', sans-serif, 'bold';margin-left:0rem;margin-right:0rem;margin-top:5rem;margin-bottom:2rem;text-align:center;font-size:2rem;color:#a94442}#centered-project-me{font-family:cursive;margin-left:0rem;margin-right:0rem;margin-top:1rem;margin-bottom:2rem;text-align:center;font-size:2rem;color:#a94442}#image-island{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;width:50%}@media screen and (max-width:776px){#video-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#centered-text-project{margin-left:2rem;margin-right:2rem}#image-container{-ms-flex-wrap:wrap;flex-wrap:wrap;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:576px){#current-center{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width:776px){#video-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}}#form{min-height:60vh;background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url(../img/graphicdesign.jpg);background:-webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/graphicdesign.jpg);background:-o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/graphicdesign.jpg);background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/graphicdesign.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-title{text-align:center;color:white;margin:0 0 40px 0;font-size:2rem;font-family:cursive;text-transform:capitalize}#email::-webkit-input-placeholder{color:black;text-transform:capitalize}#email:-ms-input-placeholder{color:black;text-transform:capitalize}#email::-ms-input-placeholder{color:black;text-transform:capitalize}#email::placeholder{color:black;text-transform:capitalize}#submit{display:inline-block;background:transparent;border:3px solid white;font-size:1rem;text-transform:capitalize;color:white;background-color:#34b2a4;margin:10px 20px;-webkit-transition:color 2s ease, background 2s ease, border 2s ease;-o-transition:color 2s ease, background 2s ease, border 2s ease;transition:color 2s ease, background 2s ease, border 2s ease}#submit:hover{color:black;background:#34b2a4;border-color:black}form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#icon-section-footer{height:100px;background:#c9c9c9;text-align:center;padding:20px 0 40px 0}#icon-section-footer a{display:inline-block;padding:5px 10px;margin:0 5px;font-size:30px;color:#34b2a4;border-radius:5px;background:rgba(0, 0, 0, 0.8);-webkit-transition:color 2s ease, -webkit-transform 2s ease;transition:color 2s ease, -webkit-transform 2s ease;-o-transition:transform 2s ease, color 2s ease;transition:transform 2s ease, color 2s ease;transition:transform 2s ease, color 2s ease, -webkit-transform 2s ease}#icon-section-footer a:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);color:#d9e5d6}#my-page-lower{text-align:center;margin-left:24rem;margin-top:-36.5rem;position:absolute;font-size:3rem;color:#f1f1f1;font-family:cursive}#image-work{-ms-flex-line-pack:center;align-content:center;max-width:100%;margin-left:5rem;left:100%}#image-work2{-ms-flex-line-pack:left;align-content:left;max-width:100%;margin-left:5rem;left:50%}#image-work3{-ms-flex-line-pack:right;align-content:right}.container{position:relative}.container-product{position:relative;margin-top:10rem;margin-bottom:10rem;background-color:#eeeeee}.top-section{background:#5B618A;padding:5px}#styleguide-color{color:#ddd}.fa.fa-angle-double-down{margin-top:3rem}.fa.fa-arrows-alt{margin-left:24%;-webkit-transform:scale(2, 2);-ms-transform:scale(2, 2);transform:scale(2, 2);margin-top:10rem;margin-bottom:5rem}.fa:hover{opacity:0.2}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.first-column{float:left;width:50%;padding:10px}.side{-webkit-box-flex:10%;-ms-flex:10%;flex:10%;background-color:transparent;padding:20px}.main{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;background-color:white;padding:20px;margin-top:-16rem}.main-inside{-webkit-box-flex:20%;-ms-flex:20%;flex:20%;background-color:white}.vl{border-left:3px solid #a94442;height:201px;position:absolute;left:50%;margin-top:-10rem}.section-wide{margin-top:0rem;margin-bottom:0rem;margin-left:15rem;margin-right:15rem;background-color:rgba(247, 197, 165, 0.185)}.section-white{margin-top:0rem;margin-bottom:0rem;margin-left:13rem;margin-right:13rem;background-color:#fff}.logo-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-bottom:5rem;width:100%;max-width:100%}.skills-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:5rem;margin-bottom:3rem;width:25%!important;max-width:100%}.skills-image:hover{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:5rem;margin-bottom:3rem;max-width:100%;-webkit-filter:grayscale(100%);filter:grayscale(0%);-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}.styleguide-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;margin-top:5rem;margin-bottom:3rem;width:30%;max-width:100%}.works-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:5rem;margin-bottom:3rem;width:40%;max-width:100%;-webkit-filter:grayscale(100%);filter:grayscale(0%)}.works-image:hover{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:5rem;margin-bottom:3rem;width:40%;max-width:100%;-webkit-filter:grayscale(100%);filter:grayscale(50%);-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}.exp-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:0rem;margin-bottom:3rem;width:40%;max-width:100%}.skills-image-project-page{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:-1rem;margin-bottom:7rem;width:70%;max-width:100%}.skills-image-project-page-2{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:-1rem;margin-bottom:7rem;width:70%;max-width:100%}.experience-image{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;margin-top:5rem;margin-bottom:5rem;width:30%;max-width:100%}#logo-image-yv{display:-webkit-box;display:-ms-flexbox;display:flex;float:center;margin-left:-1rem;margin-right:auto;margin-top:0rem;margin-bottom:-3rem;width:50%;width:20rem;height:auto}.color-img{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:-10rem;margin-left:auto;margin-right:auto;margin-top:-5rem;width:80%}code{background:#34b2a4;padding:1rem;margin:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;float:center}code:hover{background:#9ea0a0;padding:1rem;margin:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;float:center}#text-color{color:#5B618A;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}#main-text{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:5rem;margin-right:5rem}#Experience{text-align:center;margin-top:10rem}#Projects{text-align:center;margin-top:10rem}#Contact{text-align:center;margin-top:8rem}p{font-family:'Abel', sans-serif, 'semi-bold';font-size:1.2rem}#experience-text{font-family:'Abel', sans-serif, 'semi-bold';text-align:center;margin-top:6rem}#centered-text{font-family:'Abel', sans-serif, 'semi-bold';margin-left:2rem;margin-right:4rem;margin-top:1rem;text-align:justify;font-size:2rem}#centered-text-skills{font-family:'Abel', sans-serif, 'semi-bold';margin-left:1rem;margin-right:1rem;margin-top:1rem;text-align:center;font-size:2rem;color:#a94442}#centered-text-experience{font-family:'Abel', sans-serif, 'semi-bold';margin-left:0rem;margin-right:0rem;margin-top:5rem;margin-bottom:5rem;text-align:center;font-size:1.8rem}#centered-project-me{font-family:cursive;margin-left:0rem;margin-right:0rem;margin-top:1rem;margin-bottom:2rem;text-align:center;font-size:2rem;color:#a94442}#centered-experience-header{font-family:'Abel', sans-serif, 'bold';margin-left:0rem;margin-right:0rem;margin-top:3rem;margin-bottom:-5rem;text-align:center;font-size:2.4rem;color:#a94442}#centered-header{font-family:'Abel', sans-serif, 'bold';margin-left:0rem;margin-right:0rem;margin-top:1rem;text-align:center;font-size:4rem}#centered-header-experience{font-family:'Abel', sans-serif, 'bold';margin-left:0rem;margin-right:0rem;margin-top:1rem;text-align:center;font-size:4rem}#centered-header-skills{font-family:'Abel', sans-serif, 'bold';margin-left:0rem;margin-right:0rem;margin-top:1rem;margin-bottom:-4rem;text-align:center;font-size:2.5rem}#centered-header-contact{font-family:'Abel', sans-serif, 'bold';margin-left:0rem;margin-right:0rem;margin-top:1rem;text-align:center;font-size:4rem}#centered-header-project-one{font-family:cursive;margin-left:0rem;margin-right:0rem;margin-top:1rem;text-align:center;font-size:3.5rem;color:#272d2c}.border{border-style:solid;border-color:#a94442;margin:0 auto}#About{text-align:center}#quote{text-align:left;margin-left:20rem;margin-right:20rem}#feedback{text-align:center;margin-top:10rem}#b-hello{color:#5B618A;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}.button{background-color:#5B618A;color:white;text-decoration:none;margin-bottom:4rem;margin-right:2rem;padding:0.7rem}.button:hover{-webkit-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;background-color:#F7C4A5;color:black}.button-2{background-color:#45D3E0;color:black;text-decoration:none;margin-bottom:4rem;margin-right:2rem;padding:0.7rem}.button-2:hover{-webkit-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;background-color:#5B618A;color:white}.button-3{background-color:#F7C4A5;color:black;text-decoration:none;margin-bottom:4rem;margin-right:2rem;padding:0.7rem}.button-3:hover{-webkit-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;background-color:#5B5B5B;color:white}.topnav .search-container{float:right}.topnav input[type=text]{padding:6px;margin-top:8px;font-size:1.2rem;border:none}.topnav .search-container button{float:right;padding:6px 10px;margin-top:8px;margin-right:16px;background:#ddd;font-size:1.2rem;border:none;cursor:pointer}.topnav .search-container button:hover{background:#ccc}#quote-right{float:right;margin-right:5rem;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}#quote-left{float:left;margin-left:5rem}@media screen and (max-width:600px){#navbar a{display:none}#navbar #hamburgerMenu{display:block}#profile{min-height:370px}#profile img{width:150%}#profile #logo{color:#fff;margin-left:7%}}@media screen and (max-width:900px){#profile #logo{color:#fff}}@media screen and (max-width:1100px){#profile #logo h2{color:#fff}}@media screen and (max-width:700px){.navbar,.row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:1.4rem}}p:last-child{margin:0px}ol,ul{list-style:none;margin:0;padding:0}.link{text-decoration:none;font-family:'Abel', sans-serif, 'semi-bold';font-size:2rem;color:#a94442;float:left;padding-top:1rem;padding-bottom:1rem;padding-right:2rem;padding-left:2rem;margin-bottom:3rem;background-color:#ccc}.link:hover{text-decoration:none;font-family:'Abel', sans-serif, 'semi-bold';font-size:2rem;color:#a94442;float:left;padding-top:1rem;padding-bottom:1rem;padding-right:2rem;padding-left:2rem;margin-bottom:3rem;background-color:transparent;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}hr{border-top:1px solid #e4e9e8;margin-bottom:40px;margin-top:40px}.mb60{margin-bottom:60px}.btn{font-family:'PT Sans', sans-serif;font-size:18px;text-transform:capitalize;font-weight:600;padding:11px 30px;border-radius:6px;line-height:1.8;letter-spacing:0px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;word-wrap:break-word;white-space:normal!important}.btn-primary{background-color:#a94442;color:#272d2c;border:1px solid #612726}.btn-primary:hover{background-color:transparent;color:#a94442}.btn-primary.focus,.btn-primary:focus{background-color:#a94442;color:#fff;border:1px solid #612726}.space-medium{padding-top:80px;padding-bottom:80px}.pdt20{padding-top:20px}.contact-pageheader{position:relative;background:#F7C4A5;margin-bottom:70px}.contact-caption{position:relative;top:180px}.contact-form{background-color:#fff;padding:30px;text-align:center;position:relative;bottom:0px;top:100px;-webkit-box-shadow:1px 2px 14px 0px rgba(0, 0, 0, 0.29);-moz-box-shadow:1px 2px 14px 0px rgba(0, 0, 0, 0.29);box-shadow:1px 2px 14px 0px rgba(0, 0, 0, 0.29)}.contact-section{margin-bottom:40px;margin-top:40px;padding-bottom:30px;border-bottom:1px solid #e4e9e8}#centered-header-project-one{position:relative}#centered-header-project-one:after{content:'';position:absolute;width:0;height:3px;display:block;margin-top:5px;right:0;background:#fff;-o-transition:width .2s ease;transition:width .2s ease;-webkit-transition:width .2s ease}.navbar .icon{display:none}@media screen and (max-width:600px){.navbar a:not(:first-child){display:none}.navbar a.icon{float:right;display:block}}@media screen and (max-width:600px){.navbar.responsive{position:relative}.navbar.responsive .icon{position:absolute;right:0;top:0}.navbar.responsive a{float:none;display:block;text-align:left}}