@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dosis&display=swap');
.naslov
{
    text-align:center;
    font-size:70px;
    font-family: leonmilk;
    color: rgb(0, 0, 0);
    margin:0;
}
.naslov2
{
    text-align: center;
    font-size:35px;
    font-family: leonmilk;
    color: rgb(0, 0, 0);
    margin:0;
}
.x9{
    text-align: center;
    padding:0px;
}
.nolog
{
    margin-top:140px;
    text-align:center;
    font-size:35px;
    font-family: leonmilk;
    color: rgb(0, 0, 0);
}
.dugme1
{
  font-size:30px;
  width:350px;
  border: none;
  padding: 16px 32px;
  text-align: center;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: var(--main-color);
  color: white;
    border-radius: 100px;
}
.fajlimg
{
    padding: 16px 32px;
    font-size:20px;
}
.dugme1:hover {
    background-color:var(--button-hover-color);
    color: white;
}
.kontejner
{
    transition:all 0.2s;
    display:grid;
    grid-template-columns: 1fr 3fr;
    /*margin:3% 10% 10% 10%;
    box-shadow: 0px 0px 50px rgb(27, 63, 113);*/
    margin-left:10%;
    margin-right:10%;
    font-family: leonmilk;
    font-size:20px;
    margin-bottom:10px;
    
    border:5px solid var(--main-color)
}
.oblikcontainer{
    margin-left:10%;
    margin-right:10%;
}
.oblik{
    
    transform: translateY(-11px);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    background-color:var(--main-color);
    width:100%;
    height:5%;
}
.oblik2{
    transform: translateY(1px);
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    background-color:var(--main-color);
    width:100%;
    height:7%;
}
.kontejner > div
{
   
    margin:1em;

}
.inptxt{
    width:100%;
}
.kontejner  input
{
    
    font-size:20px;
    background-color:rgba(255, 255, 255, 0);
    padding:8px;;border:none;border-bottom:1px solid #ccc;;
}
.kontejner  select
{
    font-size:20px;
    background-color:rgba(255, 255, 255, 0);
    width:100%;
    padding:8px;;border:none;border-bottom:1px solid #ccc;;
}
.kontejner  textarea
{
    font-size:20px;
    background-color:rgba(255, 255, 255, 0);
    width:100%;
    font-size:15px;
    padding:8px;;border:none;border-bottom:1px solid #ccc;;
}
.d2{
    width:100%;
    margin:0px;
    border-radius: 0;
}
.x10{
    
}
.x4 div
{
    margin-top:auto;
    margin-bottom:auto;
}

.x9{
    grid-column:1/3;
}
.x10{
    text-align:center;
    grid-column:1/3;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
  margin-top:10px;
  box-shadow: 0px 0px 0px rgb(27, 63, 113);
  display:inline;
}
.error
{
  color:red;
  font-size:30px;
  text-align:center;
  font-family: leonmilk;
}
.succes
{
    font-family: leonmilk;
  color:rgb(98, 253, 98);
  font-size:30px;
  text-align:center;
}
.priv
{
    display:none;
    
}
.priv input{

}
/* FILE UPLOAD */
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  
  .btn {
    border: 2px solid rgb(27, 63, 113);
    color: rgb(0, 0, 0);
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 30px;
    font-weight: bold;
  }
  
  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
/*                          */
@media screen and (max-width:1750px)
{
    
}
@media screen and (max-width:1550px)
{
    
}
@media screen and (max-width:1350px)
{
    
    .dugme1{font-size:25px;}
    .fajlimg{font-size:15px;}
}

@media screen and (max-width:1200px)
{
    
    .kontejner{font-size:20px;margin:0px;}
    .dugme1{font-size:20px;}
    .oblikcontainer{
        margin:0px;
    }
    .oblik{
        transform: translateY(0px);
    }
}
@media screen and (max-width:1100px)
{
    .kontejner{grid-template-columns: 1fr 2fr;}
    .x4{grid-row: 0/0;}
    .x9{grid-column:1/3;}
    .x10{grid-column:1/3;}
    .dugme1{font-size:20px;}
}
@media screen and (max-width:950px)
{
    .pushdown{
         margin-bottom:180px;
    }
    /*.kontejner{margin:5% 10% 5% 10%;}*/
    .kontejner{grid-template-columns: 1fr}
    .x4{grid-row: 1/2;}
    .x45{grid-row:2/4;}
    .x7{grid-row:4/5;}
    .x8{grid-row:6/7;}
    .x75{grid-row:5/6;}
    .x85{grid-row:7/8;}
    .x9{grid-column:1/1;}
    .x10{grid-column:1/2;}
    
    .kontejner textarea{}
}
@media screen and (max-width:800px)
{
    .kontejner  input {}
    .kontejner select {}
    .kontejner textarea {font-size:15px;}
    .dugme1{font-size:20px;}
}
@media screen and (max-width:690px)
{
    .naslov{
        font-size:40px;
    }
    .naslov2{
        font-size:20px;
    }
    .pushdown{
        margin-bottom:0px;
    }
    .kontejner{font-size:20px;}
    .kontejner  input {}
    .kontejner select {}
    .kontejner textarea {}
    .glavni2{
        margin:0px;
    }
}
@media screen and (max-width:600px)
{
    .kontejner{font-size:20px;}
    .kontejner  input {}
    .kontejner select {}
    .kontejner textarea {}
    .dugme1{font-size:20px;}
}
@media screen and (max-width:500px)
{
    .kontejner{font-size:20px;}

    .dugme1{font-size:20px;}
}
@media screen and (max-width:400px)
{
    .dugme1{
        width:300px;
    }
    .kontejner{font-size:20px;}

    .dugme1{font-size:20px;}
}