header{
    text-align: center;
    height: 60px;
}

h1{
    font-size: 28pt;
    color: rgb(58, 96, 130);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
}
img:hover{
    border-style:dotted;
color: #bfe9ff;
}

section img{
    padding: 30px;
    
}
img{
    display: block;
    margin: 0 auto;
    /*način na koji centriramo sliku*/
    width: 300px;
}
section{
    margin: auto;
   
    background-color: rgb(103, 147, 192);
    margin-left: 280px;
     margin-right: 280px;
     height: 900px;
}
section p{
    padding-top: 30px;
    font-size: 15pt;
    /* kontekstualni selektor*/
    text-align: justify;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
section h1 {
    padding-top: 30px;
   
}
h2{
    text-align: center;
    padding-top: 40px;
     font-size: 28pt;
    color: rgb(58, 96, 130);
     font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
 nav {
    text-align: center;

    font-size: 16pt;
    
 }
  nav a{
    text-decoration: none;
    color: rgb(58, 96, 130);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding:20px;

}

hr{
    color: #ffffff;
}
footer{
   background-color: rgb(145, 198, 255);
   padding: 30px;
}
article img{
    float: left;
    padding: 25px;
}
article{
    width: 750px;
    margin: 0 auto;
}

img:hover {
    border:2px #ffffff solid;
}