*{
    box-sizing:border-box;
   margin: 0;
   padding: 0;
}
body{
 background-color:#0F0F0F;   
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
header{
width:100%;
height:200px;
padding:30px;
}
.hero {
    width:100%;
    background-image:url("img/hero.jpg");
    height:100vh;
    background-size:cover;
    background-repeat:no-repeat;
    margin-bottom:200px;
    }
nav{
  float:right;
  display:inline;
  padding-top: 50px;
  padding-right: 40px;
}
#fps{
    display:inline;
    color:darkorchid;
    font-size:85px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
#base{
    display:inline;
    color:white;
    font-size:85px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
li{
display: inline;
padding-left: 15px;
}
a{
text-decoration:none;
color:white;
font-size: 20px;
text-transform:10px;
 }
a:hover {
   color:darkorchid
}
.glavnitekst{
    
    text-align:center;
    padding-left:8vw;
    padding-right:8vw;
    padding-top: 25px;
    padding-bottom: 150px;
    color: white;
    font-size: 30px;
   

}
.komponenti{
    font-size:30px;
    color: white;
    text-align: center;
 padding-top: 150px;
    
}

.buildovi{
    padding: 120px;
    height:400px;
    color:whitesmoke;
     text-align: center;
    font-size: 30px;
}
#Buildovi{
    font-size: 70px;
   }
.buildovi1{
    
     width:50%;
    float:left;
    padding: 70px;
    background-color:#0F0F0F;
    color:whitesmoke;
    font-size: 20px;
    height: 700px;
}
    .buildovi2{
    
     width:50%;
    float:left;
    padding: 70px;
    background-color:#363636;
    color:white;
    font-size: 20px;
    height: 700px;  
    }
h2{
     margin-bottom:30px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 70px;
  }
.kartice{
   width:33.33%;
    float:left;
    padding:100px;
    
}
.clear{
  clear:both;
  
}

#monitor{
 float: left;
 margin-left:200px;
 margin-top:50px;
 border:5px gray solid;
}
#mis{
 float: right;
 margin-right:200px;
 margin-top:50px;
 border:5px gray solid;
}
#slusalice{
 float: left;
 margin-left:200px;
 margin-top:50px;
 border:5px gray solid;
}
#setup{
    width:100%;
    padding-top: 150px;
    height:2600px;
    font-size:30px;
    color:white;
    margin-bottom: 150px;
}
.monitort{
    float:left;
    padding-left: 100px;
    padding-top: 300px;
 }
.mist{
    float:left;
    padding-left: 450px;
    padding-top: 300px;
}
.slusalicet{
    float:left;
    padding-left:100px;
    padding-top: 300px;
}
#setupt{
    width:100%;
    height:800px;
    font-size: 20px;
}
}
#setupnaslov{
    font-size: 70px;
}
.fotogalerija{
    width: 100%;
    height: 2500px;
    padding-top: 50px;
}
#foto{
    width:33.33%;
    height:550px;
    float: left;
   
}
#fotoslika{
    width: 700px;
    padding: 150px;
    }
#fotonaslov{
    color:white;
    padding-bottom: 70px;
    padding-top: 70px;
}
footer{
    width:100%;
    height:250px;
    float:left;
    padding-top:50px;
    padding-left:50px;
    color: white;
    font-size: 30px;
}