header{
     background-color:white;
     background: url("../../slike/header2.jpg");
     box-shadow: inset 0 0 0 1000px rgba(12, 12, 40, 0.40);
     background-size: cover;
     background-position: center;
     width:100%;
     height:90vh;
     position:relative;
}
 header .interior-wrap{
     position:absolute;
     bottom:100px;
     color:white;
     left:50%;
     transform:translate(-50%);
     text-align:center;
     background-color:rgba(75, 179, 117, 0.56);
     border-radius:10px;
     padding-bottom:70px;
     padding-top:20px;
}
 header .interior-wrap h1{
     padding-top:40px;
     padding-bottom:40px;
     font-size:39px;
}
 header .interior-wrap .first-part{
     display:flex;
     justify-content:center;
}
 header .interior-wrap .first-part > div{
     padding-left:40px;
     padding-right:40px;
     font-size:20px;
     width:500px;
     border-left:solid 1px #fff;
}
 header .interior-wrap h2{
     margin:0;
     font-weight:normal;
}
 header .interior-wrap .first-part .no-left-border{
     border-left:none;
}
 @media screen and (max-width:2100px){
     header .interior-wrap{
         bottom:50px;
         padding-bottom:50px;
         padding-top:30px;
    }
     header .interior-wrap h1{
         padding-top:0px;
         padding-bottom:30px;
         font-size:25px;
    }
     header .interior-wrap .first-part > div{
         font-size:13px;
         width:400px;
    }
}
 @media screen and (max-width:1750px){
     header .interior-wrap{
         bottom:50px;
         padding-bottom:50px;
         padding-top:30px;
    }
     header .interior-wrap h1{
         padding-top:0px;
         padding-bottom:30px;
         font-size:23px;
    }
     header .interior-wrap .first-part > div{
         font-size:12px;
         width:390px;
    }
}
 @media screen and (max-width:1600px){
     header .interior-wrap{
         bottom:40px;
         padding-bottom:40px;
         padding-top:20px;
    }
     header .interior-wrap h1{
         padding-top:0px;
         padding-bottom:30px;
         font-size:20px;
    }
     header .interior-wrap .first-part > div{
         width:270px;
    }
     header .interior-wrap .first-part > div h2{
         font-size:14px;
    }
}
 @media screen and (max-width:1400px){
     header .interior-wrap{
         bottom:40px;
         padding-bottom:35px;
         padding-top:20px;
    }
     header .interior-wrap h1{
         padding-top:0px;
         padding-bottom:10px;
         font-size:17px;
    }
     header .interior-wrap{
         border-radius:6px;
    }
     header .interior-wrap .first-part > div{
         width:220px;
    }
     header .interior-wrap .first-part > div h2{
         font-size:11px;
    }
}
 @media screen and (max-width:1000px){
     header .interior-wrap{
         bottom:40px;
         padding-bottom:35px;
         padding-top:20px;
    }
     header .interior-wrap h1{
         padding-top:0px;
         padding-bottom:10px;
         font-size:16px;
    }
     header .interior-wrap{
         border-radius:6px;
    }
     header .interior-wrap .first-part > div{
         width:150px;
         padding-left:20px;
         padding-right:20px;
    }
     header .interior-wrap .first-part > div h2{
         font-size:11px;
    }
}
 @media screen and (max-width:680px){
     header .interior-wrap{
         bottom:40px;
         padding-bottom:25px;
         padding-top:5px;
    }
     header .interior-wrap h1{
         padding-top:0px;
         padding-bottom:10px;
         font-size:15px;
    }
     header .interior-wrap{
         border-radius:6px;
    }
     header .interior-wrap .first-part > div{
         width:130px;
         padding-left:15px;
         padding-right:15px;
         border-left:solid 1px rgba(255, 255, 255, 0.34);
    }
     header .interior-wrap .first-part > div h2{
         font-size:11px;
    }
}
 @media screen and (max-width:520px){
     header .interior-wrap{
         bottom:40px;
         padding-bottom:25px;
         padding-top:5px;
    }
     header .interior-wrap h1{
         padding-top:0px;
         padding-bottom:10px;
         font-size:15px;
    }
     header .interior-wrap{
         border-radius:6px;
    }
     header .interior-wrap .first-part > div{
         width:130px;
         padding-left:5px;
         padding-right:5px;
         padding-top:5px;
         padding-bottom:5px;
    }
     header .interior-wrap .first-part > div h2{
         font-size:10px;
    }
}
 @media screen and (max-width:490px){
     header {
         height:85vh;
    }
     header .interior-wrap{
         bottom:10px;
         padding-bottom:25px;
         padding-top:5px;
    }
     header .interior-wrap h1{
         padding-top:0px;
         padding-bottom:0px;
         font-size:15px;
    }
     header .interior-wrap{
         border-radius:6px;
         padding:5px 15px 5px 15px;
         width:240px;
    }
     header .interior-wrap .first-part{
         display:block;
         text-align:center;
    }
     header .interior-wrap .first-part > div{
         width:100%;
         padding-left:0;
         padding-right:0;
         padding-top:12px;
         padding-bottom:12px;
         border-left:none;
         border-top:solid 1px rgba(255, 255, 255, 0.31);
    }
     header .interior-wrap .first-part .no-left-border{
         border-top:none;
    }
     header .interior-wrap .first-part > div h2{
         font-size:10px;
    }
}