@charset "utf-8";
/* CSS Document */


    #nav{
        list-style: none;
        margin:0;
        padding: 0;
        overflow: hidden;
        background-color: #333; 
        
       
    }
    
    /*------ STYLE LIST ITEM ----- */
    
    #nav li {float: left;}
   
    
    /*------ STYLE LINKS -----*/ 
    
    #nav li a {
        display:block;
        color:white;
        text-decoration: none;
        padding: 14px 16px;
        text-align:center;
        font-family:Arial;
        font-weight: bold;
    }
   
    /* -------- STYLE MENU HOVER -------- */
    #nav li a:hover {
        background-color: black;
    }
    
    /* ------- ACTIVE MENU ITEM ------ */
     #active { background-color: green; }
    
    /* --------- RIGHT ALIGN MENU ITEM -------*/ #nav li.right{float:right;}
    
    /* -------- MENU DIVIDERS --------*/
#nav li {border-right: 1px solid white;}
#nav li:last-child {border-right: none;} 
    
/* -------- FIXED NAVIGATION BAR --------*/ 
ul {position:fixed; 
    top:0; 
    width:100%;
    } 
    p{margin-top: 20px;
    padding: 0 30px;
  } 
    /* -------- STICKY MENU --------*/ ul { position: -webkit-sticky; /* Safari */
    position: sticky;
top: 0;} 
    
    
  /* ----- Responsive Design ----- */
@media screen and (max-width: 600px) {
    ul#nav li.right, ul#nav li {
	float: none;
	
}
}

h1{color:green; font-family:Arial; margin-left:30px}