nav ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   /*background-color: #333;*/
   background-image: linear-gradient(to right, #2d8ec6,#F1F3F4);
   position: fixed;
   top: 25px;
   width: 100%;
}

nav .ntop {
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-image: url('PanoIT40.jpg');
   background-size: 100% 100%;
   position: fixed;
   top: 0px;
   width: 100%;
   height: 25px;
}

nav .ntbox {
    margin: 2px;
    background-image:  linear-gradient(to right, rgba(255,255,255,1), 
      rgba(255,255,255,0));
    border: 0px;
    opacity: 0.9;
}
nav .ntbox p {
   font-family: "Caladea", "Cambria", "DejaVu Serif", serif;
   font-style: italic; 
   margin: 4px;
   color: brown;
   font-size: 12px;
   height: 16px;
}

nav li {
  float: left;
}

nav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
}

nav li a:hover:not(.active) {
  background-color: #111;
}

nav .active {
  background-color: #2d8ec6;
}

header {
    margin-top: 55px;
}