/*body { margin:0; } Pushes Navbar & Header right to the edge */
        
        .logo { max-width:90%; height:auto; margin-left: 2.5%;  }

        .nav-bar {
            height: 90px;
            background-color: white;  
            position:fixed;
            top:0;
            left:0;
            width:100%;
            z-index:99; /*keep bavbar on top of everything (doesnt work for hero banner)*/
                
        }

        .nav-container {   
                    max-width: 2000px;              /* stops bar from stretching on wide screens */ 
                   /* margin:0 12px 0 12px;           /* keep logo and hamburger away from edges*/
                    height:100%;                    /*make it same height as nav-bar */
                    display:flex; justify-content: space-between; align-items: center; 
                }

        .fa-fa-bar { 
            width: 30px;
            height: 3px;
            background-color: black;
            margin: 6px 0;   
        }

        .hamburger-Bar { background-color: transparent; 
                        border: none;  
                        padding: 0; /* removing basic button styles */
                        margin-right: 24px; /*lining up with the crossmark */
                }

        /************************** LINKS **************************/


        .desktop-links {  display:none;  }

        .active-desktop-menu {   color: #40850F !important; border-bottom:solid #40850F 3px;  } /* active page */
        
        .active-mobile-menu { color: #40850F !important; border-right: 3px solid #40850F; } /* active page */

        .desktop-links > a {text-decoration: none;
                            margin: 24px;          /* keeps the links seperate from each other */
                            font-size: 20px; 
                            color:black; 
                            font-family: 'Poppins', sans-serif;
                            font-weight:bold;   
                        }         

       .mobile-links > a { text-decoration: none; 
                            display:block; 
                            text-align: right;
                            padding: 6px 12px 6px 6px;  
                            color:black;
                            font-family: 'Poppins', sans-serif;
                            font-weight: bold; 
                            margin: 24px 24px 24px 150px; /*Margin-left stops the hover from taking up entire line but will push text wonkey if too long (200px was too long)*/
                        }

        .cross-mark { background-color:transparent;
                        padding: 6px 12px 6px 6px; 
                        margin: 24px 24px 24px 236px;
        }
        

        .mobile-slider {        
            background-color: #fff; 
            width: 300px; 
            position:fixed;
            right:-300px; /* Hides it off screen */
            top:0px;  
            transition: right 0.3s; /* Makes navbar slide when it enters the screen   */
            z-index:99;
            
        }

        
        .link-hover:hover, .cross-mark:hover { color: #6AA540; }
   
        .cross-mark { 
            font-weight:bolder; 
            font-size:22px; 
            display:block; 
            color:black;
        }

        

        @media only screen and (min-width: 1078px) {
            
            .hamburger-Bar { display: none }

            .desktop-links { display: flex;  justify-content:space-around ;}
            
            

            .mobile-slider {display:none; } /* stops mobile navbar from bugging when screen is enlarged */

            .nav-container { margin: auto; justify-content: space-evenly;}

            
        }