*{
    box-sizing:border-box;
    padding:0;
    margin:0;
}

body{
   font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

header{
    width:100%;     
    height:120px;
    background-color:darkslategray;
    padding:35px;
}

.hero{
    background-image:url(img/BmwM4.jfif);
    height:1000px;
    background-size:cover;
    background-repeat:no-repeat;
    text-align:center;
    font-size:20px;
    margin-bottom:0px;  
}


.section1{
    text-align:center;
    padding-left:30vw;
    padding-right:30vw;
    background-color:#262626;
    font-size:30px;
    padding-top:90px;
    padding-bottom:90px;
}
#tekst1{
    font-size:18px;
}

.section2{
    text-align:center;
    padding-left:30vw;
    padding-right:30vw;
    font-size:30px;
    background-color:#b9deaf;
    padding-top:90px;
    padding-bottom:90px;
}
#tekst2{
    font-size:18px;

}
#naslov2{

}

.fotogalerija{
    padding-top:60px;
    padding-bottom:60px;
    font-size:30px;
    background-color:#262626;
}

.section3{
    width:33.33%;
    float:left;
    padding:70px;
    height:400px;
    background-color:#1b3813;
}

.section4{
    width:33.33%;
    float:left;
    padding:70px;
    height:400px;
    background-color:#27571a;
}

.clear{
    clear:both;
}

footer{
    background-color:darkslategray;
    padding:70px;
    font-size:17px;
}
img{
    width:25%
}

ul{
    list-style-type:none;
    display:inline;
}

a{
    text-decoration:none;
    color:#b9deaf;
}

a:hover{
    color:lightsteelblue;
}

nav{
    display:inline;
    float:right;
    font-size:15px;
    padding-top:15px;
}

li{
    display:inline;
    padding-left:10px;
}

.BMWmodeli{
    background-color:darkslategray;
    width:100%;
    height:200px;
    border-color:#b9deaf;
}

h1,h2,h3,h4,h5,h6{
    font-family: "Merriweather Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  color:#d9f7ba;
  font-style: normal;

}

h1{
    display:inline;
}

p{
    color:#b9deaf;
}