@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Book.ttf") format("truetype"); }
@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Bold.ttf") format("truetype");
  font-weight: bold; }
.KievitSlab, #who-we-are, #desc, #what-we-do, #contact-box #lets-get-in-touch, #contact-box #email-container #email-form #email-input input {
  font-family: KievitSlabOffc, sans-serif; }

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-REGULAR.OTF"); }
@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-BOLD.OTF");
  font-weight: bold; }
.MyriadPro, #chock-full-of-features, #des-dev-mob_web .title, #des-dev-mob_web .description {
  font-family: MyriadPro, sans-serif; }

.helvetica-bold, #header-nav, .brand .prospekt, #who-we-are #view-work-lnk #view-work, #contact-box #email-container #email-form #contact-button, #footer {
  font-family: Helvetica, sans-serif;
  font-weight: bold; }

body {
  margin: 0;
  min-height: 100vw; }

.viewport {
  min-height: 100vw;
  overflow: hidden; }

a {
  color: inherit;
  text-decoration: inherit; }

a.button {
  display: inline-block; }

textarea:focus, input:focus {
  outline: none; }

@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Book.ttf") format("truetype"); }
@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Bold.ttf") format("truetype");
  font-weight: bold; }
.KievitSlab, #who-we-are, #desc, #what-we-do, #contact-box #lets-get-in-touch, #contact-box #email-container #email-form #email-input input {
  font-family: KievitSlabOffc, sans-serif; }

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-REGULAR.OTF"); }
@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-BOLD.OTF");
  font-weight: bold; }
.MyriadPro, #chock-full-of-features, #des-dev-mob_web .title, #des-dev-mob_web .description {
  font-family: MyriadPro, sans-serif; }

.helvetica-bold, #header-nav, .brand .prospekt, #who-we-are #view-work-lnk #view-work, #contact-box #email-container #email-form #contact-button, #footer {
  font-family: Helvetica, sans-serif;
  font-weight: bold; }

.center, .line, #line-1, #line-2, #desc, #what-we-do, #chock-full-of-features, #des-dev-mob_web img {
  display: table;
  margin-left: auto;
  margin-right: auto; }

button.button {
  border: hidden; }

.bubble {
  z-index: -1;
  position: relative; }

#big-bubble {
  background-image: linear-gradient(307deg, #000000, #303943);
  border-radius: 50%;
  width: 90vw;
  height: 90vw;
  max-width: 900px;
  max-height: 900px;
  position: absolute;
  top: calc(89px - 90vw/2);
  right: calc(89px - 90vw/2); }

@media screen and (min-width: 1000px) {
  #big-bubble {
    top: calc(89px - 900px/2);
    right: calc(89px - 900px/2 + 30vw - 300px); } }
#little-bubble {
  width: 124px;
  height: 124px;
  background-image: linear-gradient(315deg, #000000, #303943); }

.line, #line-1, #line-2 {
  width: 1px;
  background-color: #d8d8d8; }

#line-1 {
  height: 241px; }

#line-2 {
  margin-top: 54px;
  height: 131px; }

.square, #square-1, #square-2 {
  background-image: linear-gradient(315deg, #000000, #303943);
  position: absolute;
  margin-top: 20px; }

#square-1 {
  width: 93px;
  height: 93px;
  margin-left: 10vw; }

#square-2 {
  width: 172px;
  height: 172px;
  margin-left: 80vw; }

@media screen and (max-width: 1130px) {
  .square, #square-1, #square-2 {
    margin-top: 120px; } }
@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Book.ttf") format("truetype"); }
@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Bold.ttf") format("truetype");
  font-weight: bold; }
.KievitSlab, #who-we-are, #desc, #what-we-do, #contact-box #lets-get-in-touch, #contact-box #email-container #email-form #email-input input {
  font-family: KievitSlabOffc, sans-serif; }

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-REGULAR.OTF"); }
@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-BOLD.OTF");
  font-weight: bold; }
.MyriadPro, #chock-full-of-features, #des-dev-mob_web .title, #des-dev-mob_web .description {
  font-family: MyriadPro, sans-serif; }

.helvetica-bold, #header-nav, .brand .prospekt, #who-we-are #view-work-lnk #view-work, #contact-box #email-container #email-form #contact-button, #footer {
  font-family: Helvetica, sans-serif;
  font-weight: bold; }

.center, .line, #line-1, #line-2, #desc, #what-we-do, #chock-full-of-features, #des-dev-mob_web img {
  display: table;
  margin-left: auto;
  margin-right: auto; }

button.button {
  border: hidden; }

#header-nav {
  display: flex;
  margin-top: 89px; }
  #header-nav #brand {
    flex-grow: 2;
    display: flex;
    justify-content: space-around; }
  #header-nav #space {
    flex-grow: 4; }
  #header-nav #navigation {
    font-size: 16px;
    text-align: left;
    color: #969696;
    flex-grow: 3;
    display: flex;
    justify-content: space-around; }

/* Effect 1 */
.effect1 a {
  color: #969696; }

.effect1 a:hover {
  color: white;
  transition: color 0.5s;
  -moz-transition: color 0.5s;
  -webkit-transition: color 0.5s; }

.brand {
  display: flex; }
  .brand .logo {
    width: 4pt;
    height: 4pt;
    -webkit-transform: rotate(-315deg);
    transform: rotate(-315deg);
    border: solid 6.3px #2c2c2c; }
  .brand .prospekt {
    font-size: 20px;
    text-align: center;
    margin-left: 10px; }

#who-we-are {
  margin-left: 7vw;
  margin-top: 200px; }
  #who-we-are #design-development-branding {
    opacity: 0.75;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 2.7px;
    color: #454545; }
  #who-we-are #we-are-prospekt {
    margin-top: 15px;
    font-size: 58px;
    line-height: 1.05;
    letter-spacing: -2.9px;
    color: black; }
  #who-we-are #design-development {
    margin-top: 6px;
    font-size: 58px;
    letter-spacing: -2.9px;
    color: #bebebe; }
  #who-we-are #view-work-lnk {
    margin-top: 58px; }
    #who-we-are #view-work-lnk #view-work {
      width: 124px;
      height: 40px;
      background-color: #121212;
      font-size: 10px;
      letter-spacing: 1px;
      text-align: center;
      line-height: 40px;
      color: #ffffff; }

@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Book.ttf") format("truetype"); }
@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Bold.ttf") format("truetype");
  font-weight: bold; }
.KievitSlab, #who-we-are, #desc, #what-we-do, #contact-box #lets-get-in-touch, #contact-box #email-container #email-form #email-input input {
  font-family: KievitSlabOffc, sans-serif; }

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-REGULAR.OTF"); }
@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-BOLD.OTF");
  font-weight: bold; }
.MyriadPro, #chock-full-of-features, #des-dev-mob_web .title, #des-dev-mob_web .description {
  font-family: MyriadPro, sans-serif; }

.helvetica-bold, #header-nav, .brand .prospekt, #who-we-are #view-work-lnk #view-work, #contact-box #email-container #email-form #contact-button, #footer {
  font-family: Helvetica, sans-serif;
  font-weight: bold; }

.center, .line, #line-1, #line-2, #desc, #what-we-do, #chock-full-of-features, #des-dev-mob_web img {
  display: table;
  margin-left: auto;
  margin-right: auto; }

button.button {
  border: hidden; }

#description {
  margin-top: 100px; }

#desc {
  margin-top: 14px;
  width: 711px;
  font-size: 27px;
  line-height: 1.37;
  letter-spacing: 0.3px;
  text-align: center;
  color: #454545; }

#what-we-do {
  margin-top: 121px;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: black; }

#chock-full-of-features {
  margin-top: 36px;
  font-size: 17px;
  text-align: center;
  color: #606060; }

#des-dev-mob_web {
  margin-top: 89px;
  display: flex; }
  #des-dev-mob_web > div {
    margin-left: 30px;
    margin-right: 30px; }
  @media screen and (min-width: 1080px) {
    #des-dev-mob_web > .space {
      flex: 1; } }
  @media screen and (max-width: 812px) {
    #des-dev-mob_web > .space {
      margin-left: 0;
      margin-right: 0; } }
  #des-dev-mob_web :not(.space) {
    flex: 2; }
  #des-dev-mob_web img {
    width: 75px;
    height: 75px; }
  #des-dev-mob_web .title {
    margin-top: 89px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: black; }
  #des-dev-mob_web .description {
    margin-top: 36px;
    font-size: 16px;
    line-height: 1.19;
    letter-spacing: 1.3px;
    text-align: center;
    color: #000000; }

@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Book.ttf") format("truetype"); }
@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Bold.ttf") format("truetype");
  font-weight: bold; }
.KievitSlab, #who-we-are, #desc, #what-we-do, #contact-box #lets-get-in-touch, #contact-box #email-container #email-form #email-input input {
  font-family: KievitSlabOffc, sans-serif; }

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-REGULAR.OTF"); }
@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-BOLD.OTF");
  font-weight: bold; }
.MyriadPro, #chock-full-of-features, #des-dev-mob_web .title, #des-dev-mob_web .description {
  font-family: MyriadPro, sans-serif; }

.helvetica-bold, #header-nav, .brand .prospekt, #who-we-are #view-work-lnk #view-work, #contact-box #email-container #email-form #contact-button, #footer {
  font-family: Helvetica, sans-serif;
  font-weight: bold; }

.center, .line, #line-1, #line-2, #desc, #what-we-do, #chock-full-of-features, #des-dev-mob_web img {
  display: table;
  margin-left: auto;
  margin-right: auto; }

button.button {
  border: hidden; }

#contact-box {
  margin-top: 140px;
  padding-top: 99px;
  padding-bottom: 99px;
  width: 100%;
  background-color: #f7f7f7; }
  #contact-box #lets-get-in-touch {
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    color: #000000; }
  #contact-box #email-container {
    margin-top: 52px;
    display: flex; }
    #contact-box #email-container > div {
      flex-grow: 1; }
    #contact-box #email-container #email-form {
      background-color: #ffffff;
      box-shadow: 0 11px 22px 3px rgba(183, 183, 183, 0.22);
      display: flex; }
      #contact-box #email-container #email-form #email-input {
        flex-grow: 3;
        padding: 25px 40px;
        min-width: 300px; }
        #contact-box #email-container #email-form #email-input input {
          width: 100%;
          border: 0;
          font-size: 16px;
          font-weight: bold;
          letter-spacing: 0.2px;
          color: gray; }
        #contact-box #email-container #email-form #email-input ::-webkit-input-placeholder {
          /* WebKit, Blink, Edge */
          color: #cccccc; }
        #contact-box #email-container #email-form #email-input :-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #cccccc;
          opacity: 1; }
        #contact-box #email-container #email-form #email-input ::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #cccccc;
          opacity: 1; }
        #contact-box #email-container #email-form #email-input :-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #cccccc; }
        #contact-box #email-container #email-form #email-input ::-ms-input-placeholder {
          /* Microsoft Edge */
          color: #cccccc; }
      #contact-box #email-container #email-form #contact-button {
        flex-grow: 2;
        padding-left: 60px;
        padding-right: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 100%;
        font-size: 14px;
        color: #ffffff;
        background-color: #000000; }

@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Book.ttf") format("truetype"); }
@font-face {
  font-family: 'KievitSlabOffc';
  src: url("../fonts/KievitSlabOffc-Bold.ttf") format("truetype");
  font-weight: bold; }
.KievitSlab, #who-we-are, #desc, #what-we-do, #contact-box #lets-get-in-touch, #contact-box #email-container #email-form #email-input input {
  font-family: KievitSlabOffc, sans-serif; }

@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-REGULAR.OTF"); }
@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MYRIADPRO-BOLD.OTF");
  font-weight: bold; }
.MyriadPro, #chock-full-of-features, #des-dev-mob_web .title, #des-dev-mob_web .description {
  font-family: MyriadPro, sans-serif; }

.helvetica-bold, #header-nav, .brand .prospekt, #who-we-are #view-work-lnk #view-work, #contact-box #email-container #email-form #contact-button, #footer {
  font-family: Helvetica, sans-serif;
  font-weight: bold; }

.center, .line, #line-1, #line-2, #desc, #what-we-do, #chock-full-of-features, #des-dev-mob_web img {
  display: table;
  margin-left: auto;
  margin-right: auto; }

button.button {
  border: hidden; }

#footer {
  display: flex;
  align-items: stretch; }
  #footer > div {
    padding-top: 38px;
    padding-bottom: 38px;
    display: flex; }
  #footer .black {
    background-color: black;
    color: white;
    align-items: center;
    justify-content: center; }
  #footer #company {
    flex-grow: 1; }
    #footer #company .logo {
      border-color: white; }
    #footer #company #copyright {
      margin-top: 28px;
      opacity: 0.42;
      font-size: 12px;
      font-weight: bold; }
  #footer #links {
    flex-grow: 3;
    justify-content: space-around;
    font-size: 12px;
    font-weight: bold; }
    #footer #links > * {
      text-align: center;
      opacity: 0.63; }
  #footer #social-media {
    padding-left: 38px;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #1f1f1f; }
    #footer #social-media img {
      margin-right: 19px;
      width: 16px;
      height: 16px; }

/*# sourceMappingURL=style.css.map */