@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@700&family=Josefin+Sans&display=swap');

body {
    background-image: url(slike/fotoaparat.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

article {
   
    height:100px;
}

 article img {
    width: 3em;
    margin-left:5em;
    float:left;
    margin-bottom:2em;
}

h1 {
    color:rgb(255, 249, 242);
    margin-top:9.5vh;
    font-size:3em;
    margin-left:2em;
    font-family: 'Inconsolata', monospace;
}

p {
    margin-left:10em;
    color:rgb(255, 249, 242);
font-family: 'Josefin Sans', sans-serif;
}

main {
    padding-top:5em;
}

.responzivno {
    display:none;
}

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

body   {
    background-color:#3c4437;
    background-image: none;
}

.responzivno {
    display:block;
  width:90vw;
  margin:auto;
}

h1, p {
    color:antiquewhite;
    background-color:#505748;
    padding:1rem;
    text-align:center;
    margin:auto;
}

p {
    margin-right:1em;
    margin-left:1em;
}


h1 {
    margin-bottom:1em;
    margin-top:1em;
 
}
}