html, body {
    margin:0px;
    padding:0px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1rem;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    
    
}

.center-content {
    width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}



#header {
    
      /*background-image: url(bkg02.jpg);*/
      background-color:  #222222;
      background-size: cover;
      background-position: center;
      width: 100wh;
      height: 100vh;
      display: flex;
      
}


.img {
    width: 120%;
    padding-bottom: 0px;
    
    transition: all 1s ease-in-out;
    
   
}

.img:hover {
    width: 150%;
   
}

.tekst {
    /*background-color: rgba(255, 255, 255, 0.3);*/
    padding: 15px 50px;
    text-align: center;
    
    color: #D5AD6D; 
    /*ZLATNA BOJA TEKSTA, GRADIJENT
    background: -webkit-linear-gradient(transparent, transparent),
    -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}


hr.crta {
    border: 1px dashed;
    border-radius: 5px;
    
}

.up {
    text-transform:uppercase;
    font-size:1rem;
}