*{margin: 0px;
pad: 0px;}

section {
    width: 100%;
    height: 100vh;
    }
aside {display: none;}
    nav {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        position: fixed;
        background-color: #333;
        z-index: 1000;
      }
      
      nav a {
        color: white;
        text-decoration: none;
        padding: 10px 20px;
      }
      
      nav a:hover {
        background-color: #555;
      }

.right {float: right; margin-top: 5%;
margin-right: 10%;}
.left {float: left;
    margin-top: 5%;
    margin-left: 15%;}


.leftt {float: left;
    margin-top: 5%;
    margin-left: 10%;}
.rightt {float: right; margin-top: 5%;
    margin-right: 10%;}



 h1 { text-align: center;
font-size: 6em;}
footer h2 { text-align: center;
    font-size: 4em;}
    footer h3 {font-size: 2em}
    footer p {font-size: large;}

body {
    font-family: 'Roboto', sans-serif;
  }
  
  
  footer h1, h2, h3 {
    font-weight: 700;
  }
  
  footer p {
    font-weight: 400;
  }
  

    #naslovna {display: block;
    margin-left: auto;
    margin-right: auto;}
    
    footer img {max-height: 80vh;}
    
    footer article {margin: 2%; max-width: 40%; }

    iframe {display: block;
    margin-left: auto;
    margin-right: auto;
margin-top: 10%;}


main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px; 
   height: 40vh;
   width: 70%;
   margin: auto;
}


main p {
    margin: 0;
    padding: 10px; 
}

main img {
    max-width: 100%; 
    height: auto; 
    margin-right: 20px; }


    @media only screen and (max-width: 700px) {
    
    footer {display: none;}
    nav {
      flex-direction: column;
      align-items: center;
      top: 0;
    }
aside {display: block; max-width:90% ;}
aside img {width: 90%; display: block; margin: auto;}
h1, h2, h3, p {margin: 5%;}

    }