.navbar {
  overflow: hidden;
  background-color: #333;
  position: fixed; 
  top: 0; 
  width: 100%;
  }

.top{
  margin-top:100px;
  display:block;
  width:80%;
  min-width:700px;
  margin-left:auto;
  margin-right:auto;
  }
  
.bar{
  float:left;
  width:10%;
  height:100%;
  background-color: #343434;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  overflow-x: hidden;
  }
  
.para{
  width:70%;
  margin:auto;
  }
  
a{
  color: white;
  display: block;
  text-align:center;
  padding-top:15px;
  font-size:25px;
  }  
  
h1{
  text-align:center;
  }
  
  
@media screen and (min-width: 901px) {
  div.para {
    font-size: 30px;
  }
  h1{
    font-size:40px;
    }
}

@media screen and (max-width: 900px) {
  div.para {
    font-size: 15px;
  }
  h1{
    font-size:25px;
    }
  .bar{
    display:None;
    }
}

@media print {
  .bar{
    display:None;
    }
    
  }