body {
  background-color: rgb(255, 255, 255);
  font: 400 1em/1.3 Vollkorn;
  color: rgb(255, 255, 255);
}

.about-me {
  position: relative;
  float: left;
  clear: both;
  z-index: 62;
  width: 100%;
  overflow: hidden;
}

.beau {
  float: left;
  width: 100%;
  height: 733px;
  background: url('../images/beauFace.jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: center center;
}

.beau .element {
  width: 80%;
  min-width: 600px;
  height: 106px;
  margin: 310px auto 0;
  background-image: url('../images/cppTitle(2).png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.caterpillarplasty {
  position: relative;
  float: left;
  clear: both;
  z-index: 45;
  width: 100%;
  background-color: rgb(237, 237, 237);
  overflow: hidden;
}

.container {
  position: relative;
  width: 564px;
  height: 899px;
  margin: 0 auto;
}

.container .element {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 33;
  width: 490px;
  height: 366px;
  margin: 0 auto;
  background-image: url('../images/cppLogo.png');
  background-repeat: no-repeat;
  background-size: 30em auto;
  background-position: center center;
}

.davidbk-logo {
  float: left;
  width: 398px;
  height: 248px;
  background-image: url('../images/davidbkLogo_edit01_512.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.footer {
  position: relative;
  float: left;
  clear: both;
  z-index: 9;
  width: 100%;
  height: 240px;
  background: none rgb(0, 0, 0);
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.footer .text {
  float: left;
  width: 326px;
  margin-top: 198px;
  font: 500 0.75em/1.38 Raleway;
  text-align: center;
  color: rgb(255, 255, 255);
}

.gallery {
  position: relative;
  float: left;
  clear: both;
  z-index: 16;
  width: 100%;
  background-color: rgb(107, 107, 107);
  overflow: hidden;
}

.gallery .element {
  position: relative;
}

.gallery .text {
  float: left;
  margin-left: 12.13189%;
}

.home {
  position: relative;
  float: left;
  z-index: 72;
  width: 100%;
  height: 500px;
  background: url('../images/homeBanner_01.jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: left top;
  overflow: hidden;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 91;
  width: 100%;
  min-width: 860px;
  height: 70px;
  background-color: rgb(0, 0, 0);
  overflow: hidden;
}

.menu .text {
  float: left;
  font: 500 0.75em/1.38 Raleway;
  color: rgb(255, 255, 255);
}

.work-in-progress {
  position: relative;
  float: left;
  clear: both;
  z-index: 32;
  width: 100%;
  background-color: rgb(222, 222, 222);
  overflow: hidden;
}

.work-in-progress .element {
  float: left;
}

.wrapper {
  width: 90%;
  max-width: 960px;
  height: 450px;
  margin: 0 auto;
  overflow: hidden;
}

._button {
  display: block;
  border-radius: 3px;
  font: 700 1em/1.38 Raleway;
  text-align: center;
  color: rgb(255, 255, 255);
}

.about-me ._button {
  width: 191px;
  height: 40px;
  margin: 22px auto 0;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0.43);
}

.about-me ._element {
  float: left;
  clear: both;
  width: 100%;
  height: 310px;
  background: url('../images/davidbkWorks_01.jpg') rgb(0, 0, 0);
  background-size: contain;
  background-position: left top;
}

.container ._button {
  width: 182px;
  height: 50px;
  margin: 50px auto 0;
  background-color: rgb(176, 183, 255);
}

.element ._element {
  float: left;
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-size: 34px auto;
  background-position: center center;
}

.gallery ._button {
  float: left;
  clear: both;
  width: 191px;
  height: 40px;
  margin: 58px 0 0 25.95869%;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0.43);
}

.gallery ._container {
  float: right;
  clear: both;
  z-index: 15;
  width: 590px;
  height: 444px;
  margin-top: -444px;
  background: none rgba(0, 0, 0, 0.83);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.gallery ._element {
  float: left;
  background-color: rgb(222, 222, 222);
}

.gallery ._text {
  width: 633px;
  min-height: 64px;
  margin-top: 152px;
  font-style: italic;
  font-size: 1.875em;
  line-height: 1;
  color: rgb(127, 197, 255);
}

.work-in-progress ._button {
  float: left;
  clear: both;
  width: 191px;
  height: 40px;
  margin: 39px 0 0 35.86419%;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0.43);
}

.work-in-progress ._element {
  position: relative;
  width: 100%;
  height: 444px;
}

.element-1 {
  position: absolute;
  top: 448px;
  right: 9.9999999999%;
  z-index: 71;
  width: 130px;
}

.element-10 {
  float: right;
  width: 672px;
  height: 462px;
  background-image: none;
}

.element-11 {
  float: left;
  clear: both;
  width: 100%;
  height: 610px;
  background: url('../images/beauSkin.jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: left top;
}

.element-12 {
  float: left;
  width: 100%;
  height: 251px;
  margin-top: 216px;
  background: none rgba(0, 0, 0, 0.84);
}

.element-14 {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  background: rgb(255, 255, 255);
  background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 68.33333333333333%, rgba(255, 255, 255, 0.4) 100%), url('../images/blueSky.jpg') rgb(242, 242, 242);
  background:    -moz-linear-gradient(90deg, rgb(255, 255, 255) 68.33333333333333%, rgba(255, 255, 255, 0.4) 100%), url('../images/blueSky.jpg') rgb(242, 242, 242);
  background:      -o-linear-gradient(90deg, rgb(255, 255, 255) 68.33333333333333%, rgba(255, 255, 255, 0.4) 100%), url('../images/blueSky.jpg') rgb(242, 242, 242);
  background:     -ms-linear-gradient(90deg, rgb(255, 255, 255) 68.33333333333333%, rgba(255, 255, 255, 0.4) 100%), url('../images/blueSky.jpg') rgb(242, 242, 242);
  background:         linear-gradient(360deg, rgb(255, 255, 255) 68.33333333333333%, rgba(255, 255, 255, 0.4) 100%), url('../images/blueSky.jpg') rgb(242, 242, 242);
  background-repeat: repeat, repeat;
  background-size: 100% 100%, cover;
  background-position: 0% 0%, center center;
  background-attachment: scroll, scroll;
}

.element-16 {
  float: left;
  clear: both;
  width: 100%;
  height: 209px;
  background: rgb(255, 255, 255);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%), url('../images/blueSky.jpg') rgb(222, 222, 222);
  background:    -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%), url('../images/blueSky.jpg') rgb(222, 222, 222);
  background:      -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%), url('../images/blueSky.jpg') rgb(222, 222, 222);
  background:     -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%), url('../images/blueSky.jpg') rgb(222, 222, 222);
  background:         linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%), url('../images/blueSky.jpg') rgb(222, 222, 222);
  background-repeat: repeat, repeat;
  background-size: 100% 100%, cover;
  background-position: 0% 0%, center bottom;
  background-attachment: scroll, scroll;
}

.element-17 {
  z-index: 25;
  background: url('../images/wipBanner_02.jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: left top;
}

.element-18 {
  clear: both;
  z-index: 26;
  margin-top: -444px;
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 100%);
  background-image:    -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 100%);
  background-image:      -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 100%);
  background-image:     -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 100%);
  background-image:         linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.52) 100%);
}

.element-19 {
  position: relative;
  z-index: 31;
  width: 682px;
  height: 444px;
  margin-top: -444px;
  background: none rgba(0, 0, 0, 0.83);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.element-2 {
  background-image: url('../images/button_Mail.png');
}

.element-20 {
  width: 100%;
  height: 309px;
  background: url('../images/wipBlog_01.jpg') rgb(0, 0, 0);
  background-size: contain;
  background-position: left top;
}

.element-21 {
  clear: both;
  width: 100%;
  height: 489px;
  background: url('../images/wipBanner.jpg') rgb(150, 150, 150);
  background-size: cover;
  background-position: center center;
}

.element-22 {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgba(0, 0, 0, 0.72);
}

.element-23 {
  z-index: 11;
  width: 99.9166666666%;
  height: 444px;
  background-image: url('../images/galleryBanner.jpg');
  background-size: contain;
  background-position: left top;
}

.element-25 {
  clear: both;
  width: 100%;
  height: 550px;
  background-image: url('../images/davidbkGallery.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.element-26 {
  position: relative;
  width: 326px;
  height: 240px;
  margin: 0 auto;
}

.element-27 {
  position: absolute;
  top: 142px;
  left: 0;
  right: 0;
  z-index: 7;
  width: 130px;
  margin: 0 auto;
}

.element-28 {
  background-image: url('../images/button_Mail_Grey.png');
}

.element-29 {
  background-image: url('../images/button_Instagram_Grey.png');
}

.element-3 {
  background-image: url('../images/button_Instagram.png');
}

.element-30 {
  background-image: url('../images/button_Vimeo_Grey.png');
}

.element-4 {
  background-image: url('../images/button_Vimeo.png');
}

.element-5 {
  float: left;
  width: 100%;
  background-color: rgb(0, 0, 0);
}

.element-6 {
  float: left;
  width: 100%;
  padding: 75px 25px;
}

.element-8 {
  float: left;
  clear: both;
  width: 100%;
  height: 215px;
  background-color: rgb(0, 0, 0);
}

.element-9 {
  float: left;
  clear: both;
  width: 100%;
  height: 462px;
  background: url('../images/cppSkin_03.jpg') rgb(240, 240, 240);
  background-size: cover;
  background-position: left top;
}

.text-10 {
  float: left;
  clear: both;
  width: 440px;
  margin: 20px 0 0 12.20006%;
  padding: 10px;
  background-color: rgb(197, 173, 255);
  font-family: 'Yanone Kaffeesatz';
  font-size: 1.25em;
  font-weight: 300;
  color: rgb(255, 255, 255);
}

.text-11 {
  width: 412px;
  margin: 37px auto 0;
  padding: 10px;
  font-style: italic;
  font-size: 2.188em;
  line-height: 0.8;
  text-align: center;
  letter-spacing: 1px;
  color: rgb(150, 255, 245);
}

.text-12 {
  width: 563px;
  margin: 0 auto;
  padding: 10px;
  font-family: Oxygen;
  font-size: 1em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.text-13 {
  position: absolute;
  top: 349px;
  left: 0;
  right: 0;
  z-index: 35;
  margin: 0 auto;
  font: 300 1.875em/1.38 Raleway;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.text-14 {
  width: 472px;
  margin: 393px auto 0;
  font-family: 'Yanone Kaffeesatz';
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-15 {
  width: 68.4049079754%;
  margin: 33px auto 0;
  font-style: italic;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-16 {
  width: 417px;
  margin: 52px auto 0;
  font-style: italic;
  font-size: 1.5em;
  line-height: 1;
  text-align: center;
  color: rgb(152, 175, 216);
}

.text-17 {
  float: left;
  width: 58.0071174377%;
  margin: 122px 0 0 17.59531%;
  font-family: Helvetica;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: -1px;
  color: rgb(255, 255, 255);
}

.text-18 {
  float: left;
  clear: both;
  width: 529px;
  margin: 26px 0 0 17.59531%;
  font-family: Quattrocento;
  font-size: 0.875em;
  color: rgb(255, 255, 255);
}

.text-19 {
  float: left;
  clear: both;
  width: 72.8739002932%;
  min-height: 64px;
  margin: 10px 0 0 17.59531%;
  font-style: italic;
  font-size: 1.875em;
  line-height: 1;
  color: rgb(142, 150, 255);
}

.text-20 {
  float: right;
  width: 404px;
  margin-top: 290px;
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.79);
  font-family: Lora;
  font-style: italic;
  font-size: 0.75em;
  text-align: center;
  color: rgb(255, 255, 255);
}

.text-21 {
  margin: 0 auto;
  font: 300 1.875em/1 'Open Sans Condensed';
  text-align: center;
  color: rgb(255, 255, 255);
}

.text-22 {
  margin: 3px auto 0;
  font: 700 3.75em/1 'Yanone Kaffeesatz';
  text-align: center;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}

.text-23 {
  margin: 2px auto 0;
  font-style: italic;
  font-size: 1.25em;
  line-height: 1;
  text-align: center;
  color: rgb(255, 255, 255);
}

.text-25 {
  clear: both;
  width: 297px;
  margin-top: 6px;
  font-family: Quattrocento;
  font-size: 0.875em;
  color: rgb(255, 255, 255);
}

.text-7 {
  float: left;
  width: 490px;
  margin: 69px 0 0 13.66667%;
  font-family: Lora;
  font-style: italic;
  font-size: 0.875em;
  color: rgb(255, 255, 255);
}

.text-8 {
  float: left;
  clear: both;
  width: 490px;
  margin: 14px 0 0 16.96224%;
  font: 200 1.25em/1 'Yanone Kaffeesatz';
  color: rgb(255, 255, 255);
}

.text-9 {
  float: left;
  width: 440px;
  margin: 147px 0 0 12.14193%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.81);
  font: 300 1.875em/1 Oswald;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}

.caterpillarplasty ._container-25 {
  display: block;
  float: left;
  width: 100%;
  height: 733px;
}

.element ._container-30 {
  display: block;
  float: left;
  width: 100%;
  margin-top: 163px;
}

.element ._container-3,
.element ._container-35 {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
  margin-left: 1px;
}

.element ._container-36,
.element ._container-37,
.element ._container-4,
.element ._container-5 {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
}

.home ._container-1 {
  display: block;
  float: left;
  width: 398px;
  margin: 182px 0 0 10%;
}

.menu ._container-10 {
  float: right;
  clear: both;
  width: 120px;
  margin: -16px 380px 0 0;
}

.menu ._container-12 {
  float: right;
  clear: both;
  width: 120px;
  margin: -16px 260px 0 0;
}

.menu ._container-11,
.menu ._container-13,
.menu ._container-7,
.menu ._container-9 {
  display: block;
  float: left;
  width: 100%;
}

.menu ._container-14 {
  float: right;
  clear: both;
  width: 80px;
  margin: -16px 180px 0 0;
}

.menu ._container-16 {
  float: right;
  clear: both;
  width: 180px;
  margin-top: -16px;
}

.menu ._container-15,
.menu ._container-17 {
  display: block;
  float: left;
  width: 100%;
  height: 16px;
}

.menu ._container-6 {
  float: right;
  width: 100px;
  margin: 38px 600px 0 0;
}

.menu ._container-8 {
  float: right;
  clear: both;
  width: 100px;
  margin: -16px 500px 0 0;
}

@media(max-width: 600px) {
  .about-me {
    position: relative;
    z-index: 62;
  }

  .beau .element {
    min-width: 380px;
    margin-top: 193px;
  }

  .caterpillarplasty {
    position: relative;
    z-index: 45;
  }

  .caterpillarplasty .beau {
    height: 538px;
  }

  .container .element {
    left: 0;
    right: 0;
    width: 326px;
    height: 321px;
    margin-right: auto;
    margin-left: auto;
  }

  .element .container {
    width: 358px;
    height: 845px;
    margin-top: 2px;
  }

  .element .wrapper {
    width: 95%;
    height: 268px;
  }

  .footer {
    position: relative;
    z-index: 9;
    height: 196px;
  }

  .footer .text {
    float: none;
    margin-top: 151px;
    margin-right: auto;
    margin-left: auto;
  }

  .gallery {
    position: relative;
    z-index: 16;
  }

  .gallery .text {
    margin-left: 10%;
  }

  .home {
    position: relative;
    z-index: 72;
    height: 389px;
  }

  .home .davidbk-logo {
    width: 296px;
    height: 184px;
  }

  .menu {
    min-width: 0;
  }

  .work-in-progress {
    position: relative;
    z-index: 32;
  }

  .about-me ._button {
    margin-top: 17px;
  }

  .about-me ._element {
    height: 202px;
    background-position: left center;
  }

  .container ._button {
    width: 163px;
    height: 44px;
    margin-top: 56px;
    font-size: 0.875em;
  }

  .element ._element {
    float: right;
  }

  .gallery ._button {
    float: none;
    clear: none;
    margin-top: 141px;
    margin-right: auto;
    margin-left: auto;
  }

  .gallery ._container {
    position: relative;
    float: left;
    z-index: 15;
    width: 100%;
    height: 235px;
    margin-top: -503px;
  }

  .gallery ._text {
    width: 449px;
    margin-top: 68px;
    font-size: 1.5em;
  }

  .work-in-progress ._button {
    margin-top: 10px;
    margin-left: 34.08073%;
  }

  .work-in-progress ._element {
    position: relative;
    height: 294px;
  }

  .about-me .element-11 {
    height: 362px;
  }

  .about-me .element-8 {
    height: 167px;
  }

  .caterpillarplasty .element-14 {
    background-size: 100% 100%, 46em auto;
  }

  .caterpillarplasty .element-16 {
    height: 116px;
  }

  .container .text-13 {
    top: 327px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .container .text-14 {
    float: left;
    width: 328px;
    margin-top: 368px;
    margin-right: 0;
    margin-left: 4.18558%;
  }

  .container .text-15 {
    width: 92.8947368421%;
    margin-top: 448px;
  }

  .container .text-16 {
    width: 346px;
    margin-top: 43px;
    font-size: 1.375em;
  }

  .element .element-10 {
    float: none;
    width: 365px;
    height: 309px;
    margin-right: auto;
    margin-left: auto;
  }

  .element .element-12 {
    float: none;
    height: 205px;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
  }

  .element .element-27 {
    top: 96px;
    left: 0;
    right: 0;
    width: 127px;
    margin-right: auto;
    margin-left: auto;
  }

  .element .element-6 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .element .text-10 {
    width: 342px;
    margin-top: 11px;
    margin-left: 2.2774%;
    font-size: 1.125em;
  }

  .element .text-11 {
    width: 332px;
    margin-top: 18px;
    font-size: 1.625em;
  }

  .element .text-12 {
    width: 305px;
    margin-top: -15px;
    font-size: 0.813em;
  }

  .element .text-17 {
    width: 348px;
    margin-top: 48px;
    margin-left: 10%;
  }

  .element .text-18 {
    width: 305px;
    margin-top: 8px;
    margin-left: 10%;
  }

  .element .text-19 {
    width: 362px;
    margin-left: 10%;
    font-size: 1.5em;
  }

  .element .text-20 {
    margin-top: 211px;
  }

  .element .text-21 {
    margin-top: -19px;
    font-size: 1.563em;
  }

  .element .text-22 {
    margin-top: 0;
    font-size: 3.125em;
  }

  .element .text-23 {
    font-size: 0.938em;
  }

  .element .text-25 {
    margin-top: -90px;
  }

  .element .text-7 {
    width: 367px;
    margin-top: 40px;
    margin-left: 10%;
  }

  .element .text-8 {
    width: 307px;
    margin-top: 19px;
    margin-left: 12.42969%;
    font-size: 1.125em;
  }

  .element .text-9 {
    width: 342px;
    margin-top: 109px;
    margin-left: 2.22603%;
    font-size: 1.25em;
  }

  .footer .element-26 {
    height: 196px;
  }

  .gallery .element-23 {
    position: relative;
    z-index: 11;
    width: 100%;
    height: 503px;
    background-position: center bottom;
  }

  .gallery .element-25 {
    clear: none;
    height: 352px;
    background-color: rgb(0, 0, 0);
  }

  .home .element-1 {
    top: 339px;
    left: 68.8333333333%;
    right: auto;
    width: 127px;
  }

  .work-in-progress .element-17 {
    z-index: 25;
    background-position: center center;
  }

  .work-in-progress .element-18 {
    z-index: 26;
    margin-top: -294px;
  }

  .work-in-progress .element-19 {
    position: relative;
    float: right;
    clear: both;
    z-index: 31;
    width: 100%;
    height: 294px;
    margin-top: -294px;
  }

  .work-in-progress .element-20 {
    clear: both;
    height: 229px;
    background-size: cover;
  }

  .about-me .element-9,
  .work-in-progress .element-21 {
    height: 309px;
  }

  .caterpillarplasty ._container-25 {
    height: auto;
  }

  .element ._container-30 {
    margin-top: 105px;
  }

  .element ._container-3,
  .element ._container-35 {
    margin-left: 0;
  }

  .home ._container-1 {
    width: 317px;
    margin-top: 132px;
  }

  .menu ._container-10 {
    margin-right: 384px;
  }

  .menu ._container-12 {
    margin-right: 264px;
  }

  .menu ._container-6 {
    margin-right: 604px;
  }

  .menu ._container-8 {
    margin-right: 504px;
  }
}

@media(max-width: 380px) {
  body {
    font-size: 1em;
  }

  .about-me {
    position: relative;
    z-index: 62;
  }

  .beau .element {
    width: 90%;
    min-width: 0;
    margin-top: 131px;
  }

  .caterpillarplasty {
    position: relative;
    z-index: 45;
  }

  .caterpillarplasty .beau {
    height: 390px;
  }

  .container .element {
    left: 0;
    right: auto;
    width: 320px;
    height: 283px;
    background-size: 25em auto;
  }

  .element .container {
    width: 84.2105263157%;
    height: 769px;
    margin-top: 0;
  }

  .element .wrapper {
    height: 180px;
  }

  .footer {
    position: relative;
    z-index: 9;
    height: 183px;
  }

  .footer .text {
    width: 210px;
    margin-top: 149px;
  }

  .gallery {
    position: relative;
    z-index: 16;
    background-color: rgb(0, 0, 0);
  }

  .gallery .text {
    position: absolute;
    float: none;
    left: 0;
    right: 0;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .home {
    position: relative;
    z-index: 72;
    height: 334px;
  }

  .home .davidbk-logo {
    width: 252px;
    height: 157px;
  }

  .work-in-progress {
    position: relative;
    z-index: 32;
  }

  .about-me ._button {
    width: 138px;
    margin-top: 13px;
  }

  .about-me ._element {
    height: 144px;
  }

  .container ._button {
    margin-top: 46px;
  }

  .element ._element {
    margin-right: 2.45536%;
  }

  .gallery ._button {
    width: 130px;
  }

  .gallery ._container {
    position: relative;
    z-index: 15;
    margin-top: -442px;
    padding: 10px;
  }

  .gallery ._text {
    top: 58px;
    width: 327px;
    font-size: 1.25em;
  }

  .work-in-progress ._button {
    position: absolute;
    float: none;
    clear: none;
    top: 213px;
    left: 0;
    right: 0;
    width: 138px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .work-in-progress ._element {
    position: relative;
  }

  .about-me .element-11 {
    height: 344px;
    background-position: center top;
  }

  .about-me .element-8 {
    height: auto;
    padding-bottom: 60px;
  }

  .about-me .element-9 {
    height: auto;
    background-size: 53em auto;
  }

  .caterpillarplasty .element-16 {
    height: 81px;
  }

  .container .text-13 {
    top: 259px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.5em;
  }

  .container .text-14 {
    float: none;
    width: 281px;
    margin-top: 292px;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.875em;
  }

  .container .text-15 {
    width: 281px;
    margin-top: 47px;
  }

  .container .text-16 {
    width: 235px;
    margin-top: 32px;
    font-size: 1.25em;
  }

  .element .element-10 {
    width: 100%;
    height: 129px;
    margin-top: 168px;
  }

  .element .element-12 {
    height: 215px;
    margin-top: 70px;
  }

  .element .element-22 {
    padding-bottom: 20px;
  }

  .element .element-27 {
    top: 89px;
    left: 0;
    right: 0;
    width: 129px;
    margin-right: auto;
    margin-left: auto;
  }

  .element .text-10 {
    width: 100%;
    margin-top: 9px;
    margin-left: 0;
    line-height: 1;
  }

  .element .text-11 {
    width: 265px;
    margin-top: 35px;
    font-size: 1.5em;
  }

  .element .text-12 {
    margin-top: -14px;
  }

  .element .text-17 {
    position: absolute;
    float: none;
    top: 44px;
    left: 0;
    right: 0;
    width: 256px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .element .text-18 {
    position: absolute;
    float: none;
    clear: none;
    top: 99px;
    left: 0;
    right: 0;
    width: 256px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .element .text-19 {
    position: absolute;
    float: none;
    clear: none;
    top: 142px;
    left: 0;
    right: 0;
    width: 284px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.25em;
    text-align: center;
  }

  .element .text-20 {
    float: left;
    width: 100%;
    margin-top: 151px;
    font-size: 0.625em;
  }

  .element .text-21 {
    margin-top: -15px;
    font-size: 1.25em;
  }

  .element .text-22 {
    font-size: 2.188em;
  }

  .element .text-25 {
    clear: none;
    top: 104px;
  }

  .element .text-7 {
    float: none;
    width: 207px;
    margin-top: 59px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .element .text-8 {
    float: none;
    clear: none;
    width: 252px;
    margin-top: 31px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .element .text-9 {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }

  .footer .element-26 {
    width: 200px;
    height: 176px;
  }

  .gallery .element-23 {
    position: relative;
    z-index: 11;
    height: 442px;
  }

  .gallery .element-25 {
    height: 230px;
  }

  .home .element-1 {
    top: 277px;
    left: 55.9999999999%;
    width: 129px;
  }

  .work-in-progress .element-17 {
    z-index: 25;
  }

  .work-in-progress .element-18 {
    z-index: 26;
  }

  .work-in-progress .element-19 {
    position: relative;
    float: left;
    clear: none;
    z-index: 31;
  }

  .work-in-progress .element-20 {
    clear: none;
    height: auto;
  }

  .work-in-progress .element-21 {
    height: 252px;
  }

  .element ._container-30 {
    margin-top: 80px;
  }

  .home ._container-1 {
    width: 80%;
    margin-top: 111px;
  }

  .menu ._container-10 {
    margin-right: 380px;
  }

  .menu ._container-12 {
    margin-right: 260px;
  }

  .menu ._container-6 {
    margin-right: 600px;
  }

  .menu ._container-8 {
    margin-right: 500px;
  }
}