@import url('https://fonts.googleapis.com/css?family=Dosis&display=swap');

.hrdog
{
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
.naslov
{
    text-align:center;
    font-size:50px;
    font-family: leonmilk;
    color: rgb(0, 0, 0);
    
    margin:0;
}
.main
{
    font-family: leonmilk;
    display:grid;
    grid-template-columns: 1fr;
    grid-gap:5px;
        font-family: 'Raleway', sans-serif;
}
.second
{
    display:grid;
    grid-template-columns: 1fr;
    grid-gap:5px;
    justify-content: center;
  justify-items: center;
}
.lol
{
    font-size:25px;
    font-weight:bold;
}
.img
{
    float:right;
    width:200px;
    height:200px;   
    box-shadow: 0px 0px 10px rgb(27, 63, 113);
}
.norm
{
    font-size:20px;
    font-weight: normal;
    width:400px;
}
.link2{
     word-break: break-all;
}
.kontejner
{

    margin:0% 15% 0% 15%;
    display:grid;
    grid-template-columns: 1fr 1fr;
}
#mapid { 
    height: 400px; 
    width:600px;
    z-index: 0;
    box-shadow: 0px 0px 10px rgb(27, 63, 113);
}
.embed
{
    height: 400px; 
    width:600px;
    z-index: 0;
    box-shadow: 0px 0px 10px rgb(27, 63, 113);
    margin-bottom:10px;
}
.tekst3
{
    font-family: leonmilk;
    font-size:70px;
    font-weight:bold;
    text-align:center;
    justify-content: center;
    margin-top:40px;
    margin-bottom:40px;
}
.shape1{
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    
    background-color:var(--main-color);
    box-shadow: 0 8px 6px -6px #000;
    height:5%;
    transform: translateY(-1px);
}
.dugme1
{
    font-family: leonmilk;
  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: rgb(255, 255, 255);
  margin-left:auto;margin-right:auto;
  display: block;
  margin: auto;
  border-radius:100px;
}
.dugme1:hover {
    background-color: var(--button-hover-color);
    color: white;
}
.third
{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
  justify-items: center;
}
.slike
{
    width:426;
    height:240;
}
@media screen and (max-width:1750px)
{
    
}
@media screen and (max-width:1550px)
{
    
}
@media screen and (max-width:1350px)
{
    #mapid{width:400px;}
    .embed{width:400px;}
}
@media screen and (max-width:1200px)
{
    
}
@media screen and (max-width:1100px)
{
    .kontejner{grid-template-columns: 1fr;}
    #mapid{margin-top:10px;}
}
@media screen and (max-width:950px)
{
    .pushdown{
        margin-bottom:200px;
    }
    .naslov{font-size:40px;}
}
@media screen and (max-width:800px)
{
    .tekst3{font-size:60px;}
}
@media screen and (max-width:690px)
{
    .pushdown{
        margin-bottom:0px;
    }
    .kontejner{margin:0% 0% 0% 0%;}
    .main{grid-gap: 20px;}
}
@media screen and (max-width:600px)
{
    .tekst3{font-size:50px;}
}
@media screen and (max-width:500px)
{
    .tekst3{font-size:40px;}
    #mapid{width:300px;height:500px;}
    .embed{width:300px;height:250px;}
    .norm{width:300px;}
    .norm{font-size:17px;}
}
@media screen and (max-width:400px)
{
    .tekst3{font-size:35px;}
}