* {
  box-sizing: border-box !important;
  color: whitesmoke !important;
 
}

body {
margin-left: 5%;
margin-right: 5%;

}

.kuvatus {
background-image: url(../img/korpitaxi_slogan_nega.png);

}

.keskita {
margin-left: 2%;
margin-right: 20%;

}

.navbar {
  border-bottom: 1px solid #2d2c28;
}

.navbar-nav {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.nappi {
margin-left: 13%;


}

.lähtö {
  justify-content: center;
  background-color: #2d2c28;
  align-items: center;
  color: black;
  font-size: 1.5rem;
  width: 100%;
  padding: 1.5%;

}

.no-background {
  background-color: black !important;
  background-image: none !important;
  
}

.navbar {
  background: none !important;

}

.position-relative {
  position: relative;

}

.position-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.rivi4 {
  width: 100%;
  height: auto;
  background-color: #2d2c28;
  margin-top: 5% !important;

}

.grid-item {
  margin-top: 2% !important;
  margin-bottom: 2%;
  display: grid !important;
  font-size: 30px;
  text-align: center;
  color: black !important;
  border: 1px solid #2d2c28;
  border-style: dotted !important;
  background-color: black !important;

}

.väri {
  color: #ffc107 !important;

}

.otsik {
  justify-content: center !important;
  height: 20% !important;
  text-align: center !important;
  /* Keskitetään teksti vaakasuunnassa */
  align-items: center !important;
  /* Keskitetään sisältö pystysuunnassa */

}

.väri0 {
  color: #F0F0F0 !important;

}

.teksti {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateY(-50%);
  text-align: center;
  margin-right: auto;
  font-size: 1.5rem;
}

.kuva {
height: 100%;
width: auto;
margin-right: auto;
border-radius: 2%;
box-shadow: 0px 0px 10px rgb(22, 22, 22)

}

.fade-in {
  opacity: 0; /* Aluksi teksti on piilotettu */
  animation: fadeIn 5s ease forwards; /* Käytetään fadeIn-nimistä animaatiota, kesto 3 sekuntia */
}

@keyframes fadeIn {
  from {
      opacity: 0; /* Alussa tekstin läpinäkyvyys on 0, eli se on piilotettu */
  }
  to {
      opacity: 1; /* Lopussa tekstin läpinäkyvyys on 1, eli se on täysin näkyvissä */
  }
}

.lla {
font-size: 3rem !important;

}

.koko {
font-size: 1.5rem;
margin-top: 5%;
margin-bottom: 5%;

}

.footer {
  justify-content: center;
  padding: 4%;
  margin-top: 5%;
  margin-bottom: 2%;
  background-image: url('../img/vanne.jpg');
  background-size: cover; 
  background-position: center bottom;
  color: black;
  

}


.kortit {
margin-left: 10%;
margin-right: 10%;

}

.kehys {
border-bottom: 2px solid #2d2c28;
 
}


.carousel-control-prev,
.carousel-control-next {
    width: 2%; /* Muuta leveyttä tarvittaessa */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 50%; 
    height: 100%; 
    background-size: contain;
}



@media (max-width: 768px) { /* Pienet näytöt */
  .vuosi {
    font-size: 0.7rem;
  }
}
.etusivu {
margin-top: 2% !important;


}


.small-screen {
  display: none;
}

.large-screen {
  display: inline;
}

/* Muuta tilaa taksi -linkki puhelinlinkiksi */
@media (max-width: 767px) {
  .small-screen {
      display: inline;
  }
  .large-screen {
      display: none;
  }
}