@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Anton&family=Lato&family=Lilita+One&display=swap');


*{
    margin: 0px;
    padding: 0px;
}
body{
    background-color: #d2d7e0;
    font-family: "Lato", sans-serif;
}
nav{
    height: 100px;
    width: 100%;
    background-color: #001B45;


}
nav ul{
    list-style-type: none;
    float: right;
    margin-right: 3em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    
    
}
nav li{
    display: inline-block;
    margin-top: 30px;
}
nav a{
    color: #ffff;
    font-size: 1.1em;
    text-decoration: none;
    padding: 40px;
font-family: "Lato", sans-serif;
   
      
}
article h1{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-transform: uppercase;
padding-top: 4.5em;
    color: #001B45;
    letter-spacing: 0.1em;
    font-size: 5em;
    font-family: "Lilita One", sans-serif;
}
article img{
    float: left ;
    padding: 3em; 
    height: 600px;
    padding-top: 7em;
    padding-left: 10em;
   
 
}
section{
    height: 100vh;
}
h1{
    font-family: "Lilita One", sans-serif;  
    color:#001B45;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 2em;
    padding-top: 2em;
    padding-left: 2em;
    
}
p{
    padding-top: 2em;
    padding-left: 4em;
    font-size: 1em;
 


}
.slike{
    height: 400px;
    padding-top: 3em;
    padding-left: 4em;
    float: left;
}
#strB{
    border-top: 1px solid#001B45 ;
}
#strC{
    border-top: 1px solid#001B45 ;
}
#strD{
    border-top: 1px solid#001B45 ;
}
#strE{
    border-top: 1px solid#001B45 ;
}
.slike{
    height: 300px;
    padding-top: 2em;
}

@media only screen and (max-width: 728px){

nav a{
font-size: 0.8em;

}
nav{
    height: 90px;
    
}
nav ul{
    text-align: center;
 

  
}
article h1{
padding-top: 4px;
font-size: 3em;
padding-right: 3.5em;
justify-content: center;


}
article img{

    height: 500px;
    justify-content: center;
    padding-left: 80px;
    padding-top: 8em;

}
p{
    padding-top: 2em;
    padding-right: 4em;
    font-size: 1.1em;
    padding-top: 2em;
}
h1{
    font-size: 1.7em;
    padding-top: 3em;
    padding-left: 2.7em;
}
.slike{
    height: 300px;
    justify-content: center;
    padding-top: 3em;
    padding-left: 4.5em;
}

}