body, html {
  height:99%;
}
.html_button {
    display:flex;
    margin:1rem 0;
    justify-content: flex-start;
}
.btn-left {
    justify-content: flex-start;
}
.btn-right {
    justify-content: flex-end;
}
.btn-center {
    justify-content: center;
}
.btn-fill {
    display:block;
}
.btn-fill a{
    display:block;
    text-align:center;
}
.btn-fill button{
    display:block;
    width:100%;
    text-align:center;
}
.btn-fill label{
   display:block;
    text-align:center;
}
.btn {
    background:none;
    border:none;
    margin:0;
    padding:0;
    text-decoration:none;
    font:inherit;
    font-size:inherit;
    display: inline-flex;
    align-items: center;
}
.btn:hover {
    cursor:pointer;
}
.x-small {
    font-size:0.5rem;
}
.small {
    font-size:0.8rem;
}
.medium {
    font-size:1rem;
}
.large {
    font-size:1.25rem;
}
.x-large {
    font-size:1.5rem;
}
.icon-before::before {
    margin-right:0.5em;
    padding:0.7em 1.03em;
    background-color: currentColor;
    content: "";
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    fill: currentColor;
}
.icon-after::after {
    margin-left:0.5em;
    padding:0.7em 1.03em;
    background-color: currentColor;
    content: "";
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    fill: currentColor;
}
.customButton { 
border:0px solid #000000;
border-radius:0px;
padding:3px;
 margin:0px;
background-color:#000000;
color:#FFFFFF;
font-family: Verdana;
font-weight:normal;
opacity:1;
transition:0.1s;
} 
.customButton:hover {
cursor:pointer;
background-color:#000000;
opacity:.6;
transition:0.3s;
color:#FFFFFF;
} 
.bg {
background-image: url("vanja master-pozadina2.jpg");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;}
.mrc {
background-image: url("mrc.png");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;}
.iso {
background-image: url("iso.png");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;}
.kontakt-teks{
border:0px solid #000000;
border-radius:0px;
padding:0px;
margin:5px;
background-color:#000000;
color:#FFFFFF;
font-family: Verdana;
font-weight:normal;
opacity:1;
transition:0.1s;
}
.usluge-tekst{
border:0px solid #000000;
border-radius:0px;
padding:0px;
margin:5px;
margin-left: 30px;
margin-right: 30px;
font-size: 1.0rem;
background-color:#000000;
color:#FFFFFF;
font-family: Verdana;
font-weight:normal;
opacity:1;
transition:0.1s;
}
.usluge-naslov{
border:0px solid #000000;
border-radius:0px;
padding:0px;
margin-left:10px;
margin-top: 30px;
margin-bottom: 5px;
margin-right: 50px;
font-size: 1.5rem;
background-color:#000000;
color:#FFFFFF;
font-family: Verdana;
font-weight:normal;
opacity:1;
transition:0.1s;
}
.projekti-teks{
border:0px solid #000000;
border-radius:0px;
padding:0px;
margin:5px;
background-color:#000000;
color:#c8c8c8;
font-family: Verdana;
font-weight:normal;
opacity:1;
transition:0.1s;
text-align: justify;
}
.projekti-naslov{
border:0px solid #000000;
border-radius:0px;
padding:0px;
margin:5px;
font-size: 1.5rem;
background-color:#000000;
color:#FFFFFF;
font-family: Verdana;
font-weight:normal;
opacity:1;
transition:0.1s;
}
.projekti-datum{
border:0px solid #000000;
border-radius:0px;
padding:0px;
margin:5px;
background-color:#000000;
color:#808080;
font-family: Verdana;
font-weight:normal;
opacity:1;
transition:0.1s;
}