*{
    margin: 0;
    padding: 0;
}

body{
    background-color: #ffffff;
}

.img-small{
  padding-top: 7vh;
  width: 100%;
}

.img-small img{
  width: 3.5vw;
  padding-left: 19vw;
}


.text-center{
  text-align: left;
  color: #3d3d3f;
  padding-top: 5vh;
  font-weight: 500;
  font-size: 1.5vw;
  text-transform: uppercase;
  padding-left: 19vw;
  text-decoration: underline;
  text-underline-offset: 2vh;
  text-decoration-thickness: from-font;
  text-decoration-color: #d1bfa7;
  letter-spacing: 3px;
}

.tekst-small{
  color: #3d3d3f;
  padding-left: 19vw;
  margin-top: 3vh;
  text-transform: uppercase;
  font-size: medium;
  font-weight: 500;
}



.tekst{
  color: #3d3d3f;
  width: 60vw;
  margin: 0 auto;
  padding-bottom: 10vh;   
  margin-top: 7vh;
}

.break{
  padding-top: 1vh;
}



/*KLIJENTI*/
.logogrid {
    display: grid;
    grid-template-columns: 7vw 7vw 7vw 7vw 7vw 7vw 7vw;
    grid-auto-rows: 10vh;
    grid-gap: 2rem;
    padding-left: 17vw;
  }
  .logogrid__item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .logogrid__img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 4vw;
    max-height: fit-content;
    filter: grayscale(100%) contrast(25%);
    transition: filter 0.3s ease;
  }
  .logogrid__img:hover {
    filter: grayscale(0) contrast(100%);
  }
  
  body {
    display: flex;
    flex-direction: column;
    justify-items: center;
    min-height: 100vh;
  }
  
  .container1 {
    width: 100%;
    margin: 0 auto;
    margin-top: 5vh;
    padding-bottom: 10vh;
  }

    /* Laptop */

@media only screen and (min-width: 1124px) and (max-width: 1400px){

  .logogrid{
    grid-template-columns: 10vw 10vw 10vw 10vw 10vw 10vw;
  }

  .logogrid__img{
    max-width: 7vw;
  }

}


  /* Tablet */

@media only screen and (min-width: 799px) and (max-width: 1124px){

  .img-small img{
    width: 2vw;
  }

  .text-center{
    font-size: larger;
  }

  .tekst-small{
    font-size: medium;
  }

  .logogrid{
    grid-template-columns: auto auto auto; 
    grid-auto-rows: 5vh;
    grid-gap: 2rem;
    padding-left: 19vw;
  }

  .logogrid__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

  .logogrid__img{
    max-width: 7vw;
  }


}


  /*ZA MOBILNI*/

@media only screen and (max-width: 799px){

  .img-small img {
    width: 10vw;
    padding-left: 10vw;
  }


  .text-center{
    font-size: large;
    padding-left: 10vw;
  }

  .tekst-small{
    padding-left: 10vw;
  }

  .logogrid{
    grid-template-columns: 40vw 40vw;
    padding-left: 10vw;
  }

  .logogrid__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

  .logogrid__img{
    max-width: 20vw;
  }



}