body {
  font-family: 'Poppins', sans-serif;
  background: black;
}
body, html {
  height: 100%;
  min-height: 650px;
}
.bgimg {
  background-image: url('../kuvat/kelataksi_kokkola_bg_overlay.jpg');
  min-height: 100%;
  background-position: center;
  background-size: cover;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 20px 0;
}
h1 {
  color: #ffee00;
  margin-top: 0;
}
h2 {
  line-height:1.1;
  font-style: italic;
}
.w3-jumbo {
  font-size: 58px;
  line-height: 1.1 !important;
  margin-bottom: 35px;
}
p {
  font-size: 18px;
  font-weight: normal;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
}
a {
  text-decoration: none;
  color: #ffee00;
}
a:hover {
  color: #fff783;
}
.taksit {
  position: relative;
  margin: 0 auto;
  width: 225px;
}
.numero {
  line-height:1.1;
  font-size: 35px;
  margin: 0 !important;
}
::-moz-selection {
  background: black;
}
::selection {
  background: black;
}
.w3-display-bottommiddle {
  width: 100%;
}
.w3-padding-large {
  padding: 25px 35px !important;
}

/* Responsive */

@media (min-width: 1200px) {
.w3-display-middle {
  top: 43%;
}
}

@media (max-width:1045px) {
.w3-display-middle {
  width: 70%;
}
.w3-jumbo {
  font-size: 50px !important;
}
}

@media (max-width:768px) {
.bgimg {
  background-position: 60% 50%;
}
.w3-jumbo {
  font-size: 45px !important;
}
h2 {
  font-size: 25px;
}
}

@media (max-width:425px) {
.w3-display-middle {
  width: 80%;
}
.w3-jumbo {
  font-size: 36px !important;
}
p {
  font-size: 18px !important;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
  line-height: 0.7;
}
.numero {
  font-size: 25px;
}
}