body {
  background-color: rgb(255, 255, 255);
  font: 100 1em/1.38 Raleway;
  color: rgb(255, 255, 255);
}

.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;
  width: 100%;
  height: 240px;
  background: none rgb(0, 0, 0);
  background-size: cover;
  background-position: center center;
}

.footer .text {
  width: 326px;
  margin-top: 198px;
  font-size: 0.75em;
  font-weight: 500;
}

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

.text {
  float: left;
  text-align: center;
  color: rgb(255, 255, 255);
}

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

._button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 3px;
  font-family: 'Yanone Kaffeesatz';
  text-align: center;
  color: rgb(255, 255, 255);
}

._text {
  width: 439px;
  height: 64px;
  margin: 109px 0 0 12.5%;
  font-size: 1em;
}

.element ._element {
  background-repeat: no-repeat;
  background-position: center center;
}

.footer ._element,
.home ._element {
  float: left;
  width: 42px;
  height: 42px;
  background-size: 34px auto;
}

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

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

.element-11 {
  width: 600px;
  height: 531px;
  margin: 0 auto;
}

.element-12 {
  width: 62.7300613496%;
  height: 196px;
  margin: 173px auto 0;
  background-image: url('../images/Signet_IC.png');
  background-size: contain;
}

.element-13 {
  float: left;
  clear: both;
  width: 100%;
  height: 436px;
  background: url('../images/cppSurgeonVip.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

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

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

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

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

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

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

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

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

.element-5 {
  float: left;
  clear: both;
  width: 100%;
  height: 287px;
  background-color: rgb(255, 255, 255);
}

.element-6 {
  width: 80%;
  min-width: 600px;
  height: 106px;
  margin: 159px auto 0;
  background-image: url('../images/cppTitle(2).png');
  background-size: contain;
}

.element-7 {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  padding: 50px 25px;
  background-color: rgb(255, 255, 255);
}

.element-8 {
  float: left;
  clear: both;
  width: 100%;
  height: 150px;
}

.element-9 {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 387px;
  background: url('../images/caterpillarplasty_03(2).jpg') rgb(222, 222, 222);
  background-size: 86em auto;
  background-position: 68% 18%;
}

.element ._button-1 {
  width: 345px;
  height: 94px;
  margin-top: 150px;
  background-color: rgba(137, 138, 207, 0.58);
  font-size: 2.5em;
  font-weight: 400;
}

.element ._button-2 {
  width: 489px;
  height: 40px;
  margin-top: 25px;
  background-color: rgb(0, 0, 0);
  font-size: 1.125em;
  font-weight: 200;
}

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

.element ._container-14,
.element ._container-15,
.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%;
}

@media(max-width: 600px) {
  .element .wrapper {
    width: 95%;
    height: 268px;
  }

  .footer,
  .footer .element-14 {
    height: 196px;
  }

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

  .home {
    height: 389px;
  }

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

  .element ._text {
    position: relative;
    z-index: 7;
    width: 360px;
    margin-top: 64px;
    margin-left: 0;
  }

  .footer ._element,
  .home ._element {
    float: right;
  }

  .element .element-11 {
    width: 360px;
    height: 406px;
    margin-top: 10px;
  }

  .element .element-12 {
    position: relative;
    float: left;
    clear: both;
    z-index: 5;
    width: 79.4444444444%;
    height: 222px;
    margin-top: -15px;
    margin-right: 0;
    margin-left: 10.27778%;
  }

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

  .element .element-6 {
    width: 90%;
    min-width: 0;
    height: 52px;
    margin-top: 89px;
  }

  .element-10 {
    height: 468px;
  }

  .element-13 {
    height: 262px;
    background-color: rgb(0, 0, 0);
  }

  .element-5 {
    height: 161px;
  }

  .element-7 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .element-8 {
    height: 83px;
  }

  .element-9 {
    height: 296px;
    background-size: 62em auto;
    background-position: 42% 9%;
  }

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

  .element ._button-1 {
    width: 302px;
    height: 88px;
    margin-top: 103px;
    font-size: 2.188em;
  }

  .element ._button-2 {
    width: 331px;
    height: 35px;
    margin-top: 335px;
    font-size: 1em;
  }

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

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

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

  .element .wrapper {
    height: 180px;
  }

  .footer {
    height: 183px;
  }

  .footer .text {
    margin-top: 149px;
    font-size: 0.857em;
  }

  .home {
    height: 334px;
  }

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

  .element ._text {
    position: absolute;
    float: none;
    top: 51px;
    left: 0;
    right: 0;
    width: 99.6710526315%;
    height: 93px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
  }

  .footer ._element,
  .home ._element {
    margin-right: 2.45536%;
  }

  .element .element-11 {
    position: relative;
    width: 304px;
    height: 318px;
    margin-top: 0;
  }

  .element .element-12 {
    position: absolute;
    float: none;
    clear: none;
    top: 79px;
    left: 0;
    right: 0;
    width: 99.6710526315%;
    height: 198px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }

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

  .element .element-6 {
    margin-top: 62px;
  }

  .element-10 {
    height: 363px;
  }

  .element-13 {
    height: 201px;
  }

  .element-5 {
    height: 126px;
  }

  .element-8 {
    height: 58px;
  }

  .element-9 {
    height: 210px;
    background-size: 38em auto;
  }

  .footer .element-14 {
    height: 176px;
  }

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

  .element ._button-1 {
    width: 213px;
    height: 62px;
    margin-top: 68px;
    font-size: 1.786em;
  }

  .element ._button-2 {
    position: relative;
    float: left;
    z-index: 6;
    width: 93.4210526315%;
    margin-top: 262px;
    margin-right: 0;
    margin-left: 3.28433%;
    font-size: 1.143em;
  }

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