html {
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: scrollbar;
  }



.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
  
  body {
    
    font: 200 1em/2.5 "Open Sans", sans-serif;
    color: rgb(255, 250, 176);
    -webkit-font-smoothing: antialiased;
    padding: 4em;
    margin: 0, auto;
    text-align: center;
    background: linear-gradient(90deg, rgba(35,35,36,1) 0%, rgba(61,71,83,1) 65%, rgba(87,99,120,1) 100%);     
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  

  iframe {
    border: 0;
  }
  
  .align-center {
    text-align: center;
  }
  
  .align-left {
    text-align: left !important;
  }
  
  .position-relative {
    position: relative;
  }
  
  .leftauto {
    right: 0 !important;
    left: auto !important;
  }

  hr .solid {
    border-top: 6px solid #bbb;
    margin: 3em 0;
  }

  .main {
    position: relative;
  }

  .row::after {
    content: "";
    clear: both;
    display: table;
  }

  .pozicija {
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    border: 2px solid green;
    clear: both;
    padding: 3em 8em;
    text-align: unset;
  }

  .slajder {
    margin: 6em 12em;
    padding: 3em 12em !important;
    text-align: center;
    border: solid 2px rgb(255, 25, 25);
  }

  

  .levo-zgoraj {
   
    padding:  1em 15%;
    text-align: left;
    float: left;
    /*border: 2px solid rgb(253, 229, 8);*/
  }

  .desno-zgoraj {
    padding: 2em 2em;
    float: left;
    text-align: center;
    height: auto;
    border: 2px solid rgb(230, 13, 6);
    }

  .levo-spodaj {
   
    padding:  3em 2em;
    text-align: center;
    float: left;
    border: 2px solid rgb(8, 73, 253);
  }

  .desno-spodaj {
    margin-top: 25%;
    padding: 2em 2em;
    float: left;
    text-align: left;
    height: auto;
    border: 2px solid rgb(39, 17, 16);
    font: 200 #fff "OpenSans" ;
    }
   
    
    
    @media (min-width: 600px) {
      .pozicija { grid-template-columns: repeat(1, 1fr); }
    }
    
    
    @media (min-width: 900px) {
      .pozicija { grid-template-columns: repeat(2, 1fr); }
    }


    .w3-tag1 {
      border-radius: 30px;
      border-color: rgb(114, 110, 104);
      border: solid thin;
      padding: 12px;
      text-align: center;
      color: rgb(99, 91, 90);
      line-height: 5em;
    }
    
   /* .w3-tag2 {
      border-radius: 30px;
      border-color: khaki;
      border: solid thin;
      padding: 12px;
      text-align: center;
     
      line-height: 4.5em;
    }


    .w3-tag3 {
      border-radius: 30px;
      border-color: rgb(160, 240, 140);
      border: solid thin;
      padding: 12px;
      text-align: center;
      color: rgb(67, 216, 67);
      line-height: 4.5em;
    }


    .w3-tag4 {
      border-radius: 30px;
      border-color: rgb(140, 217, 240);
      border: solid thin;
      padding: 12px;
      text-align: center;
      color: rgb(0, 184, 240);
      line-height: 4.5em;
      margin: 0 .5em;
    }


    .w3-tag5 {
      border-radius: 30px;
      border-color: rgb(192, 140, 240);
      border: solid thin;
      padding: 12px;
      text-align: center;
      color: slateblue;
      line-height: 4.5em;
      margin: 0 .5em;
    }*/

    .w3-tag6 {
      border-radius: 30px;
      background-color: rgb(53, 56, 58);

      padding: 12px;
      text-align: center;
      color: rgb(148, 140, 124);
      font-weight: 400;
      text-transform: uppercase;
      line-height: 4.5em;
      margin: 0 .5em;
    }


    .w3-tag7 {
      border-radius: 30px;
      border-color: rgb(23, 2, 43);
      border: solid thin;
      padding: 12px;
      text-align: center;
      color: rgb(10, 7, 34);
      line-height: 4.5em;
      margin: 0 .5em;
    }