header {
  border-bottom: 2px solid #ffdc2f;
  background: #fff;
  z-index: 2342
}

div.uk-sticky-fixed {
  z-index: 20
}

#browser {
  /* width: 1024px; */
  height: auto;
  padding-top: 60px;
  background: url(../img/browser.png) top left no-repeat;
  background-size: cover;
  margin-top: -150px;
  max-width: 1300px
}

#pricebox {
  height: auto;
  padding-top: 30px;
  background: #fff;
  margin-top: -150px;
  max-width: 1300px
}

.uk-card-secondary,
.uk-button-secondary {
  background: #8D8E8E;
}

.uk-background-fixed {
  background-size: cover;
}

.uk-section-secondary,
.uk-background-secondary:not(.uk-background-blend-overlay) {
  background: #8D8E8E
}

h1.uk-heading-small.uk-text-muted span {
  background: #ffdc2f;
  padding: 10px;
  color: #fff !important;
  display: inline;
    line-height: 140%;
}

#footerdemo {
display: none;
}

.oldprice {
  text-decoration: line-through !important;
}

.uk-text-muted {
  color: #fff !important;
}

.uk-text-light {
  font-weight: 300
}

footer {
  margin-left: 0 !important
}

.uk-text-lead {
  color: #8D8E8E
}

h1.uk-width-1-2\@xl {
  width: 100%;
  padding-left: 50%
}

h1.uk-width-1-2\@xl.uk-text-left {
  width: 100%;
  padding-left: 0;
  padding-right: 50%
}

.uk-padding.uk-width-1-2\@xl.uk-text-right {
  padding-left: 50%;
  width: 100%
}

@media screen and (max-width:600px) {
  #browser {
    margin-top: -50px;
    width: 90%
  }

  h1 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  header {
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    padding-top: 60px !important
  }

  header>div,
  .uk-logo img {
    width: 100% !important;
  }

  .uk-logo img {
    margin-bottom: 30px
  }

  .uk-navbar-nav {
    flex-direction: column;
    width: 100%;
  }

  .uk-navbar-nav li,
  .uk-navbar-nav li a {
    padding: 5px !important;
    min-height: 5px !important
  }

  .uk-navbar-right {
    margin-left: 0 !important;
    width: 100%;
  }

  header .uk-width-2-3 {
    display: none !important
  }

  h1.uk-width-1-2\@xl, h1.uk-width-1-2\@xl.uk-text-left,  .uk-padding.uk-width-1-2\@xl.uk-text-right {
    width: 100%;
    padding: 20px;
    text-align: center;
  }

  footer {
    flex-direction: column;
  }

  footer>div {
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important
  }

  .uk-slideshow:not(.uk-visible-toggle) {
    display: none !important
  }

  h1 {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
  }

  .uk-heading-medium {
    font-size: 2.1rem !important
  }

  h1.uk-heading-small.uk-text-muted span {
    line-height: 150%
  }

  h1.uk-heading-small.uk-text-muted span {
    background: #ffdc2f;
    padding: 10px;
    color: #fff !important;
    display: inline;
    line-height: 150%;
    text-align: center;
    /* width: 100%; */
    display: block;
    -ms-hyphens: manual;
    hyphens: manual;

    -webkit-hyphens: manual;
  }

  #pricebox {
    margin-top: -90px
  }

  #pricebasic,
  #pricebasicplus,
  #priceagency {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px
  }

  #contactindividual {
    width: 90%
  }

  header {
    padding-top: 20px !important;
    text-align: left;
    align-items: flex-start !important;
  }

  header>div {
    width: 60% !important;
    padding-left: 30px !important
  }

  .uk-logo img {
    margin-bottom: 10px
  }

  .uk-offcanvas-bar * {
    color: #fff !important
  }

  .uk-offcanvas-bar ul {
    margin-top: 50px
  }

  .uk-offcanvas-bar .uk-navbar-item {
    padding: 0 !important
  }

  .uk-offcanvas-bar .uk-navbar-item a {
    width: 100%;
    background: none;
    padding: 5px 10px;
    border: 1px solid #fff;
    text-align: center;
  }

  #footerdemo {
  display: block;
position:fixed;
bottom:0;
margin-bottom: -400px;
width: calc(100% - 40px);
left: 20px;
font-weight: bold;
border: 1px solid #fff

  }

}