@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
body{
    width:95vw; margin:0 auto;
    border:2px solid #16f; height:95vh;
 }
h1{text-align:center; font-size:3em; padding-top:20px}
h2{text-align:center; font-size:1.6em; margin-top:-40px}

footer{
    botton:1px;
    text-align:center; background:#16f; 
    font-size:.9em; color:#EEE;
 }
#container{ 
 width:95vw;
 height:95vh;
 margin: 0;
 background: url('./../img/b2.jpg');
 background-size: cover;
}
.img{padding: 15px 10px;}
.logo{
    font-family: 'Montserrat', sans-serif;
    font-size:2.1em; font-weight:500;
    color:#FFF; 
 }
.topnav {
    background-color:#16f;
    overflow: hidden;
    text-align: center;
  }
.topnav a {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    color: #FFF;
    text-align: center;
    padding: 5px 7px;
    text-decoration: none;
    font-size: 1.2em;
    font-weight:500; 
}
  
.topnav a:hover {
    background-color:#DDD;
    color: #000;
}

.topnav .icon {
    display: none;
}
.art{
    overflow: hidden;
    height:745px;
}
@media screen and (max-width: 880px){
    .topnav{
        text-align: left;
    }
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: center;
    }
}