/* line 1, ../sass/reset.scss */
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 10, ../sass/reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 14, ../sass/reset.scss */
body {
  line-height: 1;
}

/* line 17, ../sass/reset.scss */
ol, ul {
  list-style: none;
}

/* line 20, ../sass/reset.scss */
blockquote, q {
  quotes: none;
}

/* line 23, ../sass/reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 28, ../sass/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*98ffe8*/
/*DARK THEME*/
/*LIGHT THEME*/
/*OVERLAY COLOUR*/
/*BRAND COLOURS*/
/*FORMS*/
/*BUTTONS*/
@font-face {
  font-family: 'socicon';
  src: url("/font/socicon-webfont.eot");
  src: url("/font/socicon-webfont.eot?#iefix") format("embedded-opentype"), url("/font/socicon-webfont.woff") format("woff"), url("/font/socicon-webfont.ttf") format("truetype"), url("/font/socicon-webfont.svg#sociconregular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: initial;
}
/* line 13, ../sass/fonts.scss */
.socicon {
  font-family: 'socicon' !important;
}

@-webkit-keyframes bgcolor {
  /* line 19, ../sass/keyframe.scss */
  0% {
    background-color: #ffccf2;
  }

  /* line 22, ../sass/keyframe.scss */
  50% {
    background-color: #ccffcc;
  }

  /* line 25, ../sass/keyframe.scss */
  100% {
    background-color: #ccffff;
  }
}
@-moz-keyframes bgcolor {
  /* line 19, ../sass/keyframe.scss */
  0% {
    background-color: #ffccf2;
  }

  /* line 22, ../sass/keyframe.scss */
  50% {
    background-color: #ccffcc;
  }

  /* line 25, ../sass/keyframe.scss */
  100% {
    background-color: #ccffff;
  }
}
@-ms-keyframes bgcolor {
  /* line 19, ../sass/keyframe.scss */
  0% {
    background-color: #ffccf2;
  }

  /* line 22, ../sass/keyframe.scss */
  50% {
    background-color: #ccffcc;
  }

  /* line 25, ../sass/keyframe.scss */
  100% {
    background-color: #ccffff;
  }
}
@keyframes bgcolor {
  /* line 19, ../sass/keyframe.scss */
  0% {
    background-color: #ffccf2;
  }

  /* line 22, ../sass/keyframe.scss */
  50% {
    background-color: #ccffcc;
  }

  /* line 25, ../sass/keyframe.scss */
  100% {
    background-color: #ccffff;
  }
}
/*Set the site width to a maximum of 960px*/
/* line 15, ../sass/screen3.scss */
html, button, input, select, textarea,
.pure-g [class*="pure-u"] {
  font-family: "open-sans",sans-serif;
  font-weight: 300;
  font-size: 16px;
                /*
text-align: center;*/
}

/* line 22, ../sass/screen3.scss */
h1 {
  font-weight: 700 !important;
  font-size: 3rem !important;
}

/* line 29, ../sass/screen3.scss */
.grid-width {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* line 33, ../sass/screen3.scss */
a {
  text-decoration: none;
  color: black;
}
/* line 36, ../sass/screen3.scss */
a:visited {
  color: black;
}

/*Buttons*/
/* line 42, ../sass/screen3.scss */
.btn-primary-ccd {
  background-color: black;
  color: white;
  border: 0;
  height: 44px;
  font-size: 1.125rem;
  border-radius: 2px;
  padding: 0 10px;
  cursor: hand;
}

/* line 56, ../sass/screen3.scss */
html, body {
  color: black;
  height: 100%;
  text-align: center;
  overflow-x: noscroll;
}

/* line 63, ../sass/screen3.scss */
.no-scroll {
  overflow: hidden;
}

/* line 66, ../sass/screen3.scss */
.scroll-y {
  overflow-y: scroll;
}

/* line 73, ../sass/screen3.scss */
.owl-theme .owl-controls .owl-page span {
  width: 24px;
  height: 24px;
  background: white;
}

/* line 82, ../sass/screen3.scss */
.statement {
  font-size: 1rem;
  padding-bottom: 4rem;
}

/*ANIMATION OF ARROW DOWN*/
@-moz-keyframes bounce {
  /* line 89, ../sass/screen3.scss */
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 92, ../sass/screen3.scss */
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  /* line 95, ../sass/screen3.scss */
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  /* line 89, ../sass/screen3.scss */
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 92, ../sass/screen3.scss */
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  /* line 95, ../sass/screen3.scss */
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  /* line 89, ../sass/screen3.scss */
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 92, ../sass/screen3.scss */
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  /* line 95, ../sass/screen3.scss */
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/* line 101, ../sass/screen3.scss */
.arrow {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

/* line 112, ../sass/screen3.scss */
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/* line 117, ../sass/screen3.scss */
.wrapper {
  /*Project Footer*/
  /*
  =============Project Pages==============
  */
  /*Hero height*/
  /*AppQual Application*/
  /*HSBC iPAD Application*/
  /*BNP Paribas FX Application*/
  /*BNP Paribas FX Application*/
  /*Virgin Media*/
  /*US Elections*/
  /*Vonage*/
}
/* line 118, ../sass/screen3.scss */
.wrapper header {
  padding-bottom: 3rem;
}
/* line 121, ../sass/screen3.scss */
.wrapper header ul li {
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.875rem;
  margin-right: 20px;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px rgba(0, 0, 0, 0.25);
  transition: border-color 0.5s ease-in-out;
}
/* line 130, ../sass/screen3.scss */
.wrapper header ul li a, .wrapper header ul li visited {
  color: black;
}
/* line 133, ../sass/screen3.scss */
.wrapper header ul li:last-child {
  margin-right: 0;
}
/* line 136, ../sass/screen3.scss */
.wrapper header ul li:hover {
  border-bottom: solid 1px black;
}
/* line 141, ../sass/screen3.scss */
.wrapper header .logo {
  text-align: center;
  padding: 0 0 25px 0;
  position: relative;
  z-index: 1;
}
/* line 146, ../sass/screen3.scss */
.wrapper header .logo img {
  width: 118px;
  height: 117px;
}
/* line 161, ../sass/screen3.scss */
.wrapper .content-footer {
  /*border-top:solid 3px #ebebeb;*/
  background-color: #EFEFEF;
}
/* line 164, ../sass/screen3.scss */
.wrapper .content-footer .project-footer {
  border-bottom: solid 1px #fff;
}
/* line 167, ../sass/screen3.scss */
.wrapper .content-footer .contact-footer {
  border-bottom: solid 1px #fff;
}
/* line 169, ../sass/screen3.scss */
.wrapper .content-footer .contact-footer a {
  color: black;
}
/* line 171, ../sass/screen3.scss */
.wrapper .content-footer .contact-footer a:visited {
  color: black;
}
/* line 176, ../sass/screen3.scss */
.wrapper .content-footer .contact-footer .gps-snippet {
  background: url(../img/icons/GPS_white.png) no-repeat 0 0;
  background-size: 64px 64px;
  height: 64px;
}
/* line 181, ../sass/screen3.scss */
.wrapper .content-footer .contact-footer .email-snippet {
  background: url(../img/icons/Email_white.png) no-repeat 0 0;
  background-size: 64px 64px;
  height: 64px;
}
/* line 186, ../sass/screen3.scss */
.wrapper .content-footer .contact-footer .phone-snippet {
  background: url(../img/icons/Phone_white.png) no-repeat 0 0;
  background-size: 64px 64px;
  height: 64px;
}
/* line 193, ../sass/screen3.scss */
.wrapper .not-ready {
  color: rgba(0, 0, 0, 0.5);
}
/* line 197, ../sass/screen3.scss */
.wrapper .project-footer {
  text-align: left;
  padding: 3rem 0;
  border-bottom: solid 1px #ebebeb;
}
/* line 201, ../sass/screen3.scss */
.wrapper .project-footer a {
  color: black;
}
/* line 203, ../sass/screen3.scss */
.wrapper .project-footer a:visited {
  color: black;
}
/* line 155, ../sass/screen3.scss */
.wrapper .project-footer h2 {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}
/* line 208, ../sass/screen3.scss */
.wrapper .project-footer h3 {
  font-size: 0.875rem;
  font-weight: 400;
  padding-top: 2rem;
}
/* line 213, ../sass/screen3.scss */
.wrapper .project-footer ul {
  font-size: 0.875rem;
  padding: 0.5rem 1rem 0 0;
}
/* line 216, ../sass/screen3.scss */
.wrapper .project-footer ul li {
  line-height: 1.750rem;
}
/* line 220, ../sass/screen3.scss */
.wrapper .project-footer p {
  font-size: 0.875rem;
  padding-top: 2rem;
  line-height: 1.188rem;
}
/* line 225, ../sass/screen3.scss */
.wrapper .project-footer .signature {
  padding-top: 1.5rem;
}
/* line 227, ../sass/screen3.scss */
.wrapper .project-footer .signature img {
  width: 61px;
  height: 48px;
}
/* line 233, ../sass/screen3.scss */
.wrapper .project-footer .aboutme-footer a {
  border-bottom: solid 1px #000;
}
/* line 238, ../sass/screen3.scss */
.wrapper .contact-footer {
  text-align: left;
  padding: 2rem 0;
  border-bottom: solid 1px #ebebeb;
}
/* line 155, ../sass/screen3.scss */
.wrapper .contact-footer h2 {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
}
/* line 243, ../sass/screen3.scss */
.wrapper .contact-footer h2 {
  margin-left: 5rem;
  padding-bottom: 0.5rem;
}
/* line 247, ../sass/screen3.scss */
.wrapper .contact-footer .gps-snippet {
  background: url(../img/icons/GPS.png) no-repeat 0 0;
  background-size: 64px 64px;
  height: 64px;
}
/* line 252, ../sass/screen3.scss */
.wrapper .contact-footer .email-snippet {
  background: url(../img/icons/Email.png) no-repeat 0 0;
  background-size: 64px 64px;
  height: 64px;
}
/* line 257, ../sass/screen3.scss */
.wrapper .contact-footer .phone-snippet {
  background: url(../img/icons/Phone.png) no-repeat 0 0;
  background-size: 64px 64px;
  height: 64px;
}
/* line 262, ../sass/screen3.scss */
.wrapper .contact-footer p {
  font-size: 0.875rem;
  line-height: 1.188rem;
  margin-left: 5rem;
}
/* line 268, ../sass/screen3.scss */
.wrapper .social-footer {
  font-size: 0.75em;
  color: #a4a4a4;
  padding: 2rem;
}
/* line 272, ../sass/screen3.scss */
.wrapper .social-footer ul {
  padding-bottom: 1rem;
}
/* line 274, ../sass/screen3.scss */
.wrapper .social-footer ul li {
  display: inline;
  padding-right: 0.5rem;
}
/* line 277, ../sass/screen3.scss */
.wrapper .social-footer ul li:last-child {
  padding-right: 0;
}
/* line 281, ../sass/screen3.scss */
.wrapper .social-footer ul li .pinterest img {
  width: 29px;
  height: 29px;
}
/* line 287, ../sass/screen3.scss */
.wrapper .social-footer ul li .behance img {
  width: 28px;
  height: 18px;
  padding-bottom: 0.35rem;
}
/* line 294, ../sass/screen3.scss */
.wrapper .social-footer ul li .dribbble img {
  width: 28px;
  height: 28px;
}
/* line 300, ../sass/screen3.scss */
.wrapper .social-footer ul li .twitter img {
  width: 28px;
  height: 24px;
}
/* line 306, ../sass/screen3.scss */
.wrapper .social-footer ul li .linkedin img {
  width: 28px;
  height: 28px;
}
/* line 315, ../sass/screen3.scss */
.wrapper .footer-section {
  background: white url(../img/bkgnds/graphy_black.png) right top;
  padding: 2rem 0;
}
/* line 319, ../sass/screen3.scss */
.wrapper .footer-section .social-icons ul {
  padding: 4.5rem 0 3.5rem 0;
}
/* line 322, ../sass/screen3.scss */
.wrapper .footer-section .social-icons ul li {
  display: inline;
  padding: 0 1rem 0 1.7rem;
}
/* line 326, ../sass/screen3.scss */
.wrapper .footer-section .social-icons ul li .linkedin img {
  width: 34px;
  height: 34px;
}
/* line 332, ../sass/screen3.scss */
.wrapper .footer-section .social-icons ul li .twitter img {
  width: 34px;
  height: 29px;
}
/* line 338, ../sass/screen3.scss */
.wrapper .footer-section .social-icons ul li .dribbble img {
  width: 34px;
  height: 34px;
}
/* line 344, ../sass/screen3.scss */
.wrapper .footer-section .social-icons ul li .behance img {
  width: 34px;
  height: 22px;
}
/* line 352, ../sass/screen3.scss */
.wrapper .footer-section footer {
  font-size: 0.8rem;
  font-weight: 300;
  color: #FFF;
}
/* line 364, ../sass/screen3.scss */
.wrapper .quotes-from-clients {
  background-color: #1A191A;
  padding: 40px 0;
}
/* line 367, ../sass/screen3.scss */
.wrapper .quotes-from-clients .project-quotes {
  color: #FFF;
  margin: 6rem auto 4rem auto;
}
/* line 370, ../sass/screen3.scss */
.wrapper .quotes-from-clients .project-quotes .quote {
  line-height: 1.5rem;
  display: block;
  padding-top: 20px;
}
/* line 375, ../sass/screen3.scss */
.wrapper .quotes-from-clients .project-quotes .quote p {
  font-weight: 300;
  font-size: 1rem;
}
/* line 381, ../sass/screen3.scss */
.wrapper .quotes-from-clients .project-quotes .quote .s-mark-start {
  font-family: "Times New Roman", sans-serif;
  float: left;
  font-size: 3rem;
  font-weight: 400;
  height: 100px;
  margin: -20px 5px -50px 0;
  padding-top: 20px;
}
/* line 392, ../sass/screen3.scss */
.wrapper .quotes-from-clients .project-quotes .quote .s-mark-end {
  font-family: "Times New Roman", sans-serif;
  float: right;
  font-size: 3rem;
  font-weight: 400;
  height: 100px;
  margin-top: 0;
  padding-top: 20px;
}
/* line 403, ../sass/screen3.scss */
.wrapper .quotes-from-clients .project-quotes h4 {
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 2rem;
}
/* line 408, ../sass/screen3.scss */
.wrapper .quotes-from-clients .project-quotes .job-role {
  font-weight: 700 !important;
}
/* line 413, ../sass/screen3.scss */
.wrapper .brand-background-section {
  /*background: $brand url(../img/bkgnds/graphy_turqoise_light.png) right top;*/
  /*background-color: #191919;*/
}
/* line 417, ../sass/screen3.scss */
.wrapper .brand-background-section h3 {
  font-weight: 300;
  color: black;
  font-size: 2rem;
  border-bottom: solid 1px black;
  padding: 2rem 0 1.5rem 0;
  margin-bottom: 2rem;
  display: inline-block;
}
/* line 428, ../sass/screen3.scss */
.wrapper .light-background-section {
  background-color: #EFEFEF;
  padding-bottom: 40px;
}
/* line 431, ../sass/screen3.scss */
.wrapper .light-background-section h3 {
  font-family: 'Dagny Pro', 'open sans', sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  margin: 40px 0;
}
/* line 437, ../sass/screen3.scss */
.wrapper .light-background-section h4 {
  font-family: 'Dagny Pro', 'open sans', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  margin: 40px 0 20px 0;
}
/* line 443, ../sass/screen3.scss */
.wrapper .light-background-section .project-overview {
  padding-bottom: 20px;
}
/* line 447, ../sass/screen3.scss */
.wrapper .dark-background-section {
  /*min-height:100vh;*/
  /*background:$brand url(../img/bkgnds/graphy_black.png) right top;*/
  background: white url(../img/bkgnds/CCD_Swirls_Dark.png) right top;
  /*PROJECT SPECIFIC*/
}
/* line 452, ../sass/screen3.scss */
.wrapper .dark-background-section h3 {
  font-weight: 300;
  color: #fff;
  font-size: 2rem;
  border-bottom: solid 1px white;
  padding: 6.5rem 0 1.5rem 0;
  margin-bottom: 5rem;
  display: inline-block;
}
/* line 465, ../sass/screen3.scss */
.wrapper .dark-background-section .project-content .tester {
  background: url(../img/projects/tester.png) right top;
  background-size: cover;
}
/* line 469, ../sass/screen3.scss */
.wrapper .dark-background-section .project-content .tester2 {
  background: url(../img/projects/tester2.png) right top;
  background-size: cover;
}
/* line 474, ../sass/screen3.scss */
.wrapper .dark-background-section .project-content .project-block-pos {
  background-color: white;
  /*padding-bottom:16.6667vh;*/
}
/* line 478, ../sass/screen3.scss */
.wrapper .dark-background-section .project-content .project-block-neg {
  /*padding-bottom: 16.667vh;*/
}
/* line 481, ../sass/screen3.scss */
.wrapper .dark-background-section .project-content .project-block-blank {
  padding-bottom: 16.667%;
}
/* line 485, ../sass/screen3.scss */
.wrapper .dark-background-section .project-quotes {
  color: #FFF;
  margin: 6rem auto 4rem auto;
}
/* line 488, ../sass/screen3.scss */
.wrapper .dark-background-section .project-quotes .quote {
  line-height: 1.5rem;
  display: block;
  padding-top: 20px;
}
/* line 493, ../sass/screen3.scss */
.wrapper .dark-background-section .project-quotes .quote p {
  font-weight: 300;
  font-size: 1rem;
}
/* line 499, ../sass/screen3.scss */
.wrapper .dark-background-section .project-quotes .quote .s-mark-start {
  font-family: "Times New Roman", sans-serif;
  float: left;
  font-size: 3rem;
  font-weight: 400;
  height: 100px;
  margin: -20px 5px -50px 0;
  padding-top: 20px;
}
/* line 510, ../sass/screen3.scss */
.wrapper .dark-background-section .project-quotes .quote .s-mark-end {
  font-family: "Times New Roman", sans-serif;
  float: right;
  font-size: 3rem;
  font-weight: 400;
  height: 100px;
  margin-top: 0;
  padding-top: 20px;
}
/* line 521, ../sass/screen3.scss */
.wrapper .dark-background-section .project-quotes h4 {
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 2rem;
}
/* line 526, ../sass/screen3.scss */
.wrapper .dark-background-section .project-quotes .job-role {
  font-weight: 700 !important;
}
/* line 532, ../sass/screen3.scss */
.wrapper .overview-section {
  /*min-height:100vh;*/
  /*background:$brand url(../img/bkgnds/graphy_turqoise_light.png) right top;*/
  /*background-position: cover;*/
  /*background-color: $plain-bg;*/
  /*background-color: azure;*/
}
/* line 541, ../sass/screen3.scss */
.wrapper .overview-carousel {
  /*height:100vh;*/
}
/* line 544, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description {
  text-align: center;
  padding-bottom: 2rem;
}
/* line 547, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description h1 {
  padding-bottom: 1rem;
}
/* line 550, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description p {
  font-size: 1.375rem;
  line-height: 2rem;
  max-width: 700px;
  margin: auto;
  padding: 0 3rem;
}
/* line 557, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content {
  padding: 3rem 0 2rem 0;
}
/* line 560, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content li {
  background: url(../img/icons/Plus.png) no-repeat right 135px;
}
/* line 562, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content li:last-child {
  background: none;
}
/* line 567, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content .overview-icon {
  margin-top: 4rem;
  height: 212px;
  padding-bottom: 1rem;
}
/* line 572, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content h3 {
  font-size: 1.125rem;
  font-weight: 400;
  padding: 0 1rem 1rem 1rem;
}
/* line 577, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content p {
  font-size: 1rem;
  line-height: 1.375rem;
}
/* line 582, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content .device-type img {
  width: 246px;
  height: 206px;
}
/* line 588, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content .discovery-phase img {
  width: 182px;
  height: 182px;
}
/* line 594, ../sass/screen3.scss */
.wrapper .overview-carousel .overview-description .overview-content .coding-stage img {
  width: 168px;
  height: 177px;
}
/* line 602, ../sass/screen3.scss */
.wrapper .overview-carousel .about-me {
  padding: 2rem 0 4rem 0;
}
/* line 606, ../sass/screen3.scss */
.wrapper .overview-carousel #my-bio {
  background: red url(../img/Me.png) right top;
  background-size: cover;
  padding-bottom: 3.5rem;
}
/* line 611, ../sass/screen3.scss */
.wrapper .overview-carousel #my-bio h3 {
  font-weight: 300;
  color: #fff;
  font-size: 2rem;
  border-bottom: solid 1px white;
  padding: 3.5rem 0 1.5rem 0;
  margin-bottom: 5rem;
  display: inline-block;
  text-align: left;
}
/* line 621, ../sass/screen3.scss */
.wrapper .overview-carousel #my-bio p {
  text-align: left;
  line-height: 1.375rem;
  color: #FFF;
  margin-bottom: 1rem;
}
/* line 627, ../sass/screen3.scss */
.wrapper .overview-carousel #my-bio .signature {
  text-align: left;
}
/* line 636, ../sass/screen3.scss */
.wrapper .overview-project {
  padding-top: 2rem;
}
/* line 638, ../sass/screen3.scss */
.wrapper .overview-project .overview-description {
  padding: 0 1rem;
}
/* line 641, ../sass/screen3.scss */
.wrapper .overview-project h2 {
  text-transform: uppercase;
}
/* line 645, ../sass/screen3.scss */
.wrapper .overview-project .overview-content {
  margin-top: 3rem;
  text-align: left;
}
/* line 649, ../sass/screen3.scss */
.wrapper .overview-project .overview-content section {
  margin-bottom: 5rem;
}
/* line 651, ../sass/screen3.scss */
.wrapper .overview-project .overview-content section h3 {
  font-size: 0.875rem;
  font-weight: 200;
  margin-bottom: 2rem;
  text-transform: uppercase;
  border-bottom: solid 1px #191919;
  display: inline-block;
  padding: 0 0 1rem 0;
}
/* line 660, ../sass/screen3.scss */
.wrapper .overview-project .overview-content section h4 {
  font-size: 1.5rem;
  font-weight: 400;
  padding-bottom: 1rem;
  line-height: 1.9rem;
}
/* line 666, ../sass/screen3.scss */
.wrapper .overview-project .overview-content section p {
  font-size: 0.875rem;
  line-height: 1.4rem;
  font-weight: 100;
}
/* line 714, ../sass/screen3.scss */
.wrapper .appqual {
  background: #1a2a59 url(../img/projects/appqual/AppQual_Hero.png) no-repeat center 0;
  /*Hero specific overrides*/
}
/* line 678, ../sass/screen3.scss */
.wrapper .appqual .overview-description {
  height: 608px;
  border-bottom: solid 2px white;
}
/* line 681, ../sass/screen3.scss */
.wrapper .appqual .overview-description h1 {
  color: white;
  font-size: 2.375rem !important;
  margin-bottom: 0.750rem;
}
/* line 686, ../sass/screen3.scss */
.wrapper .appqual .overview-description h2 {
  font-size: 1.000rem;
  color: white;
}
/* line 690, ../sass/screen3.scss */
.wrapper .appqual .overview-description h3 {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-bottom: 55px;
}
/* line 700, ../sass/screen3.scss */
.wrapper .appqual .overview-content section h3 {
  border-bottom: solid 1px #1a2a59;
}
/* line 707, ../sass/screen3.scss */
.wrapper .appqual .overview-content {
  background-color: #FFF;
  margin-top: 0;
  padding-top: 3rem;
}
/* line 721, ../sass/screen3.scss */
.wrapper .hsbc-ipad-prototype {
  background: white url(../img/projects/hsbc/HSBC_iPad_Hero.jpg) no-repeat center 100px;
  /*-o-background-size:100% auto;
  -webkit-background-size:100% auto;
  -moz-background-size:100% auto;*/
  /*background-size:contain;*/
  /*Hero specific overrides*/
}
/* line 678, ../sass/screen3.scss */
.wrapper .hsbc-ipad-prototype .overview-description {
  height: 525px;
  border-bottom: solid 2px #e9e9e9;
}
/* line 681, ../sass/screen3.scss */
.wrapper .hsbc-ipad-prototype .overview-description h1 {
  color: black;
  font-size: 2.375rem !important;
  margin-bottom: 0.750rem;
}
/* line 686, ../sass/screen3.scss */
.wrapper .hsbc-ipad-prototype .overview-description h2 {
  font-size: 1.000rem;
  color: black;
}
/* line 690, ../sass/screen3.scss */
.wrapper .hsbc-ipad-prototype .overview-description h3 {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-bottom: 55px;
}
/* line 700, ../sass/screen3.scss */
.wrapper .hsbc-ipad-prototype .overview-content section h3 {
  border-bottom: solid 1px red;
}
/* line 731, ../sass/screen3.scss */
.wrapper .bnpparibas-fx-trading {
  background: #181818 url(../img/projects/bnpparibas/FX-Trading_Hero.jpg) no-repeat center 0;
  /*Hero specific overrides*/
}
/* line 678, ../sass/screen3.scss */
.wrapper .bnpparibas-fx-trading .overview-description {
  height: 608px;
  border-bottom: solid 2px white;
}
/* line 681, ../sass/screen3.scss */
.wrapper .bnpparibas-fx-trading .overview-description h1 {
  color: white;
  font-size: 2.375rem !important;
  margin-bottom: 0.750rem;
}
/* line 686, ../sass/screen3.scss */
.wrapper .bnpparibas-fx-trading .overview-description h2 {
  font-size: 1.000rem;
  color: white;
}
/* line 690, ../sass/screen3.scss */
.wrapper .bnpparibas-fx-trading .overview-description h3 {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-bottom: 55px;
}
/* line 700, ../sass/screen3.scss */
.wrapper .bnpparibas-fx-trading .overview-content section h3 {
  border-bottom: solid 1px green;
}
/* line 707, ../sass/screen3.scss */
.wrapper .bnpparibas-fx-trading .overview-content {
  background-color: #FFF;
  margin-top: 0;
  padding-top: 3rem;
}
/* line 737, ../sass/screen3.scss */
.wrapper .bnpparibas-risk-systems {
  background: #f7f9f4 url(../img/projects/bnpparibas/risk-navigator/Risk-Navigator-Hero.jpg) no-repeat center 0;
  /*Hero specific overrides*/
}
/* line 678, ../sass/screen3.scss */
.wrapper .bnpparibas-risk-systems .overview-description {
  height: 390px;
  border-bottom: solid 2px white;
}
/* line 681, ../sass/screen3.scss */
.wrapper .bnpparibas-risk-systems .overview-description h1 {
  color: black;
  font-size: 2.375rem !important;
  margin-bottom: 0.750rem;
}
/* line 686, ../sass/screen3.scss */
.wrapper .bnpparibas-risk-systems .overview-description h2 {
  font-size: 1.000rem;
  color: black;
}
/* line 690, ../sass/screen3.scss */
.wrapper .bnpparibas-risk-systems .overview-description h3 {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-bottom: 55px;
}
/* line 700, ../sass/screen3.scss */
.wrapper .bnpparibas-risk-systems .overview-content section h3 {
  border-bottom: solid 1px green;
}
/* line 707, ../sass/screen3.scss */
.wrapper .bnpparibas-risk-systems .overview-content {
  background-color: #FFF;
  margin-top: 0;
  padding-top: 3rem;
}
/* line 743, ../sass/screen3.scss */
.wrapper .virginmedia {
  /*background:#fff url(../img/projects/virginmedia/virginmedia-redesign/virginmedia-homepage_Hero.jpg) no-repeat center 0;*/
  /*Hero specific overrides*/
}
/* line 678, ../sass/screen3.scss */
.wrapper .virginmedia .overview-description {
  height: 100px;
  border-bottom: solid 2px #e9e9e9;
}
/* line 681, ../sass/screen3.scss */
.wrapper .virginmedia .overview-description h1 {
  color: black;
  font-size: 2.375rem !important;
  margin-bottom: 0.750rem;
}
/* line 686, ../sass/screen3.scss */
.wrapper .virginmedia .overview-description h2 {
  font-size: 1.000rem;
  color: black;
}
/* line 690, ../sass/screen3.scss */
.wrapper .virginmedia .overview-description h3 {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-bottom: 55px;
}
/* line 700, ../sass/screen3.scss */
.wrapper .virginmedia .overview-content section h3 {
  border-bottom: solid 1px #cc0000;
}
/* line 748, ../sass/screen3.scss */
.wrapper .uselections {
  background: #000934 url(../img/projects/virginmedia/US-Elections_Hero.jpg) no-repeat center -50px;
  /*Hero specific overrides*/
}
/* line 678, ../sass/screen3.scss */
.wrapper .uselections .overview-description {
  height: 339px;
  border-bottom: solid 2px white;
}
/* line 681, ../sass/screen3.scss */
.wrapper .uselections .overview-description h1 {
  color: white;
  font-size: 2.375rem !important;
  margin-bottom: 0.750rem;
}
/* line 686, ../sass/screen3.scss */
.wrapper .uselections .overview-description h2 {
  font-size: 1.000rem;
  color: white;
}
/* line 690, ../sass/screen3.scss */
.wrapper .uselections .overview-description h3 {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-bottom: 55px;
}
/* line 700, ../sass/screen3.scss */
.wrapper .uselections .overview-content section h3 {
  border-bottom: solid 1px #db2c27;
}
/* line 707, ../sass/screen3.scss */
.wrapper .uselections .overview-content {
  background-color: #FFF;
  margin-top: 0;
  padding-top: 3rem;
}
/* line 754, ../sass/screen3.scss */
.wrapper .vonage {
  background: #f86800 url(../img/projects/vonage/Vonage_Hero.jpg) no-repeat center 0;
  /*background-size: cover;*/
  /*Hero specific overrides*/
}
/* line 678, ../sass/screen3.scss */
.wrapper .vonage .overview-description {
  height: 390px;
  border-bottom: solid 2px white;
}
/* line 681, ../sass/screen3.scss */
.wrapper .vonage .overview-description h1 {
  color: white;
  font-size: 2.375rem !important;
  margin-bottom: 0.750rem;
}
/* line 686, ../sass/screen3.scss */
.wrapper .vonage .overview-description h2 {
  font-size: 1.000rem;
  color: white;
}
/* line 690, ../sass/screen3.scss */
.wrapper .vonage .overview-description h3 {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-bottom: 55px;
}
/* line 700, ../sass/screen3.scss */
.wrapper .vonage .overview-content section h3 {
  border-bottom: solid 1px orange;
}
/* line 707, ../sass/screen3.scss */
.wrapper .vonage .overview-content {
  background-color: #FFF;
  margin-top: 0;
  padding-top: 3rem;
}

/*
	==============Projects=============
*/
/* line 767, ../sass/screen3.scss */
.projects .project-summary {
  padding: 4px;
}
/* line 770, ../sass/screen3.scss */
.projects .description {
  position: relative;
  top: -4.4rem;
  padding: 1rem 0;
  margin-bottom: -4.4rem;
  background-color: #000;
}
/* line 776, ../sass/screen3.scss */
.projects .description a {
  color: rgba(255, 255, 255, 0.9);
}
/* line 778, ../sass/screen3.scss */
.projects .description a:visited {
  color: rgba(255, 255, 255, 0.9);
}
/* line 782, ../sass/screen3.scss */
.projects .description h3 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  border-bottom: none;
  color: white;
  font-weight: 400;
}
/* line 790, ../sass/screen3.scss */
.projects .description p {
  color: white;
  font-weight: 300;
  font-size: 0.875rem;
  padding-top: 0.5rem;
}
/* line 797, ../sass/screen3.scss */
.projects .hsbc-description {
  /*background:red url(../img/projects/hsbc/HSBC_Vision_Snapshot.jpg) no-repeat 0 0;
  background-blend-mode: multiply;*/
  /*background-color: #000;*/
}

@media (max-width: 568px) {
  /* line 808, ../sass/screen3.scss */
  .wrapper .overview-carousel .overview-description .overview-content {
    padding-top: 0;
  }
  /* line 810, ../sass/screen3.scss */
  .wrapper .overview-carousel .overview-description .overview-content li {
    background: url(../img/icons/Plus.png) no-repeat center top;
    padding-bottom: 40px;
  }
  /* line 813, ../sass/screen3.scss */
  .wrapper .overview-carousel .overview-description .overview-content li:last-child {
    background: url(../img/icons/Plus.png) no-repeat center top;
  }
  /* line 816, ../sass/screen3.scss */
  .wrapper .overview-carousel .overview-description .overview-content li:first-child {
    background: none;
  }
  /* line 826, ../sass/screen3.scss */
  .wrapper .contact-footer .email-snippet {
    margin-top: 1.5rem;
  }
  /* line 829, ../sass/screen3.scss */
  .wrapper .contact-footer .phone-snippet {
    margin-top: 1.5rem;
  }
  /* line 834, ../sass/screen3.scss */
  .wrapper .project-footer .aboutme-footer {
    padding-top: 2.5rem;
  }
}
/*Between 568 and 768 resolution - Pure CSS pure-u-md-*/
@media (min-width: 568px) and (max-width: 767px) {
  /* line 846, ../sass/screen3.scss */
  .wrapper .overview-carousel .overview-description .overview-content {
    padding-top: 0;
  }
  /* line 848, ../sass/screen3.scss */
  .wrapper .overview-carousel .overview-description .overview-content li {
    background: url(../img/icons/Plus.png) no-repeat center top;
    padding-bottom: 40px;
  }
  /* line 851, ../sass/screen3.scss */
  .wrapper .overview-carousel .overview-description .overview-content li:last-child {
    background: url(../img/icons/Plus.png) no-repeat center top;
  }
  /* line 854, ../sass/screen3.scss */
  .wrapper .overview-carousel .overview-description .overview-content li:first-child {
    background: none;
  }
  /* line 865, ../sass/screen3.scss */
  .wrapper .contact-footer .email-snippet {
    margin-top: 1.5rem;
  }
  /* line 868, ../sass/screen3.scss */
  .wrapper .contact-footer .phone-snippet {
    margin-top: 1.5rem;
  }
  /* line 873, ../sass/screen3.scss */
  .wrapper .project-footer .aboutme-footer {
    padding-top: 2.5rem;
  }
}