body {
    height: auto; 
}
    .zaglavlje{
        font-size: 15px;
        color: rgba(61, 25, 139, 0.842);
        text-shadow: 2px 2px 2px white;
        background: linear-gradient(white, rgb(205, 201, 243), white);   
    }
    .zaglavlje >h1{
        text-align: center; 
    }
    #header{
        text-align: center;
        display: flex;
        justify-content: space-between;
    }
    #header img{
        border-radius: 50%;
        width: 70px;
        height: 70px;
    }
    .previous a {
        text-decoration: none;
        display: inline-block;
        padding: 8px 16px;
      }
    .previous a:hover {
        background-color: #fffdfd;
        color: rgb(195, 46, 46);
      }
    .previous {
        background-color: white;
        color: rgb(40, 23, 137);
        font-size: 50px;
    }
    .round {
        border-radius: 50%;
      }
      

#kontakt {
    background-color: #ffffff;
    padding-left: 20px;
    
}
#kontakt h2 {
    padding-top: 30px;
    color: #dc0101;
}
.kontakt-region {
    display: grid;
    grid-template: "adresa mapa"
                   "telefon mapa"
                   "mejlovi mapa";
    
    color: #dc0101;                
}
.kontakt-adresa {
    grid-area: adresa;   
}
.kontakt-telefon {
    grid-area: telefon;
}
.kontakt-mejlovi {
    grid-area: mejlovi;
}
.kontakt-mejlovi a {
    text-decoration: none;
    color: #dc0101;
}
.kontakt-mejlovi a:hover {
    text-decoration: underline;
}
.kontakt-mapa {
    grid-area: mapa; 
}
#social-holder{
    text-decoration: none;
    padding-left: 20px;
    padding-bottom: 10px;  
}
.footer {
    background-color: #ffffff;
    height: 200px;
    width: 100px;   
}
.footer > .column {
    display: flex;
}
.footer .footer-column {
    flex-grow: 1;
    flex-basis: 0;
    padding-top: 20px;
}

.align-center {
float: left;
   padding-top: 10px;
   padding-left: 40px;
   text-align: center;
      
}
.align-center img{
    width: 250px;
    height: 100px;
}
.align-left {
    padding-top: 20px;
    padding-left: 40px;
    margin-top: 25px; 
    text-align: center;  
}

.align-left1 img {
    width: 400px;
    height: 100px;
}
.align-left2 img{
    width: 300px;
    height: 100px;
}
.align-left1{
    padding-left: 20px;
    text-align: center;
}
.align-left2{
    padding-left: 20px;
    text-align: center;
}
#podnozje{
    float: left;
    color: #17085a;
}


@media screen and (max-width: 600px) {
    #header{
        padding-top: 10px;
        font-size: 6.5px;
    }
    #header img{
        width: 40px;
        height: 40px;
        padding-bottom: 3px;
    }
#kontakt{
        padding-left: 10px;
    
        height: auto;
    }
.kontakt-mapa{
        width: 200px;
        height: 200px;
    }
.column{
        display: flex;
        flex-direction: column;
      }
.column p{
        display: none;
      }
.column .img{
        width: 50px;
        height: 20px;
        padding-left: 0px;   
    }
.align-left1{
    padding-top: 20px;   
}
.align-left2{
    padding-top: 20px;  
}
 #podnozje{
    padding-top: 300px;
 } 
   
}