body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

header {
    background-color: #f5f5dc;
    height: 180px;
    padding-left:25px;
}

nav {
    text-align: right;
    color:aquamarine;
}

nav a {
    text-align: right;
    color:#0000ff;
    text-decoration: solid;
    padding: 15pt;
    font-size: 18pt;
}

footer {
    background-color: lightgray;
    height: 90px;
    padding-top: 45px;
    text-align: center;
    clear:both;
}

/* klase */

.hero {
    background-color: lightgray;
    height: 650px;
    padding-left: 25px;
}

.hero h1 {
    font-size: 40pt;
}

.hero h2 {
    font-size: 24pt;
}

.hero p {
    padding-top: 50px;
    border: 5px #000;
}

.hero img {
    width: 20%;
    float: right;
    padding: 0px 400px 100px 0px;
}

.omeni {
    height: 420px;
    background-color: #808080;
}

.omeni h2 {
    text-align: center;
    font-size: 24pt;
}

.omeni p {
    padding-left: 450px;
    font-size: 20pt;
}

.omeni img {
    float: left;
    padding-left: 30px;
}

.radovi {
    background-color: #d3d3d3;
    height: 675px;
}

.radovi h2 {
    text-align: center;
    font-size: 24pt;
}

.radovi a {
    padding: 35px 0px 0px 600px;
}

.radovi img {
    width: 13%;
    float: left;
    padding: 35px 0px 0px 600px;
}

.kontakt {
    text-align: center;
    height: 200px;
    background-color: gray;
}

.kontakt h2 {
    font-size: 24pt;
}

.kontakt img {
    float:left;
    width: 1%;
    padding-left: 1100px;
}

.kontakt p {
    padding-right: 1120px;
}