@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@font-face
{
    font-family: leonmilk2;
    src: url("../fonts/LEMONMILK-Light.otf")
}
.dov1
{
    height:auto;
   
}
.dugme1
{
    text-align:center;
  font-size:40px;
  font-family: leonmilk;
  width:100%x;
  padding: 16px 32px;
  text-align: center;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: var(--main-color);
  color: rgb(255, 255, 255);
  border-radius: 100px;
  margin-left:auto;margin-right:auto;
  display: block;
  border:none;
}
.dugme1:hover {
    background-color:var(--button-hover-color);
    color: white;
}

.ytvideo{
    display: block;
  margin-left: auto;
  margin-right: auto;
  margin-left:300px;
}

.slika{
    width:100%;
    height:50%;
    border-radius: 20px;;
}
.hrdog
{
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
.naslov
{
    
    font-size:70px;
    font-weight: bold;
    text-align: center;
    font-family: leonmilk;
}
.naslov3{
    font-size:40px;
    font-weight: bold;
    text-align: center;
    font-family: leonmilk;
}
.obicanTekst
{
    font-family: 'Raleway', sans-serif;
    margin-left:10px;;
    margin-right:10px;
}
ul li{
    text-align: left;
}
.tekst
{
    font-size:20px;
    font-family: 'Raleway', sans-serif;
    margin:0% 20% 0% 20%;
    list-style-position: inside;
}
.bold
{
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.tak
{
    font-size:40px;
}
.broj
{
    font-size:45px;
    font-weight: 400;
    background-color: var(--main-color);
    color:white;
    margin:0% 0% 0% 0%;
    padding:10px;
    border-radius:50px;
    text-align:left;
}

@media screen and (max-width:1750px)
{
    .tekst{margin:0% 15% 0% 15%;}
    .Naslov3{
        font-size:35px;
    }
}
@media screen and (max-width:1550px)
{
    .tekst{margin:0% 9% 0% 9%;font-size:25px;}
}
@media screen and (max-width:1350px)
{
   .Naslov3{
        font-size:30px;
    }
}
@media screen and (max-width:1200px)
{
    
}
@media screen and (max-width:1100px)
{
    .Naslov3{
        font-size:25px;
    }
}
@media screen and (max-width:970px)
{
    
}
@media screen and (max-width:950px)
{
    .pushdown{margin-bottom:200px;}
    .tekst{margin:0% 2% 0% 2%;font-size:30px;}
    .tekst ul li{text-align: left;}
    .broj{font-size:40px;}
}
@media screen and (max-width:800px)
{
    .tekst{font-size:25px;}
    .broj{font-size:35px;}
}
@media screen and (max-width:690px)
{
    .pushdown{margin-bottom: 0px;;}
    .tekst{font-size:23px;}
    .broj{font-size:30px;}   
}
@media screen and (max-width:600px)
{
    .Naslov3{
        font-size:27px;
    }
    .naslov{font-size:60px;}
    iframe{
        width:300px;
        height:200px;
    }
}
@media screen and (max-width:500px)
{
    .naslov{font-size:50px;}
    .broj{font-size:25px;} 
    .tekst{font-size:19px;}
}
@media screen and (max-width:400px)
{
    .naslov{font-size:45px;}
}