body,html{
    padding: 0;
    margin: 0;
    overflow-x: hidden;

}
body {

  background-color: #ffffff; /* sau orice culoare vrei */
}

.headertlf{
    width: 100vw;
    height: 20vh;

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#serviciimicro{
    width: 100vw;
    height: auto;
    padding-bottom: 10vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#logo_headertlf{
    max-width: 50vw;
  filter: drop-shadow(-1px 1px 2px #000000);

}

#logo_headertlf a{
    text-decoration: none;
  color: inherit; /* păstrează culoarea textului */
}

#selectare
{
    width: 100vw;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 5vh;
}
#selectare img{
    max-width: 90vw;
    box-shadow: 1px 4px 36px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 4px 36px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 4px 36px -1px rgba(0,0,0,0.75);
border-radius: 1%;
}

#titluri{
  font-family: 'ClashDisplay-Bold';
       font-weight: 400;
      text-align: center;
      font-size: 1.7rem;
      word-spacing: 2vw;
}
#titluri2{
  font-family: 'ClashDisplay-Bold';
       font-weight: 400;
      text-align: center;
      font-size: 1.7rem;
      word-spacing: 2vw;
}
#div2{
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@font-face {
  font-family: 'ClashDisplay-Elight';
  src: url('fonts/fonts-clash/ClashDisplay-Extralight.woff2') format('woff2'),
       url('fonts/fonts-clash/ClashDisplay-Extralight.woff') format('woff'),
       url('fonts/fonts-clash/ClashDisplay-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Light';
  src: url('fonts/fonts-clash/ClashDisplay-Light.woff2') format('woff2'),
       url('fonts/fonts-clash/ClashDisplay-Light.woff') format('woff'),
       url('fonts/fonts-clash/ClashDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Regular';
  src: url('fonts/fonts-clash/ClashDisplay-Regular.woff2') format('woff2'),
       url('fonts/fonts-clash/ClashDisplay-Regular.woff') format('woff'),
       url('fonts/fonts-clash/ClashDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Bold';
  src: url('fonts/fonts-clash/ClashDisplay-Bold.woff2') format('woff2'),
       url('fonts/fonts-clash/ClashDisplay-Bold.woff') format('woff'),
       url('fonts/fonts-clash/ClashDisplay-Bold.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@media (min-width:900px) {
#logo_headertlf{
  max-width: 20vw;

}
#selectare img{
  max-width: 50vw;
}




}