/*body { margin:0; } Pushes Navbar & Header right to the edge */
        
        .logo { margin:0; font-weight: 900;font-size:40px;margin-left:6px;}

        .nav-bar {
            height: 80px;
            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)*/
            border-bottom: #49A6DC 1px solid;
                
        }

        .nav-container {   
                    max-width: 1920px;              /* 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; gap:20px;
                   
                    
                }

               

              

        .faFaBar { 
            display:block;
            width: 30px;
            height: 3px;
            background-color: black;
            margin: 8px 0;  
            
        }

        .samsungFaFaBar { 
            display:block;
            width: 30px;
            height: 3px;
            background-color: #49A6DC;
            margin: 8px 0;   
        }
/*
        .samsungFaFaBar { 
            display:block;
            width: 30px;
            height: 3px;
            background-color: #d9d9d9;
            margin: 8px 0;   
        }*/

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

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


        .desktop-links {  display:none; min-width:50%; }

        .active-desktop-menu {   border-bottom:solid #49A6DC 2px; padding-top: 2px;  } /* active page */
        
        .active-mobile-menu {  border-right:solid #49A6DC 2px; } /* active page */

        .desktop-links a {text-decoration: none;
                            margin: 24px;          /* keeps the links seperate from each other */
                            font-family: 'Lato', sans-serif;
                            font-weight: bold; 
                            font-size: 20px;
                            
                        } 
                        
                        .desktop-links a { 
                            position:relative; 
                        }
                        .desktop-links a:before {
                            content:'';
                            position:absolute;
                            top:-10px; bottom:-10px; 
                            left:-40px; right:-10px; /*fix for safari bug*/
                        }

       .mobile-links > a { text-decoration: none; 
                            display:block; 
                            text-align: right;
                            padding: 6px 12px 6px 6px;  
                           
                            font-family: 'Lato', sans-serif;
                            font-weight: bold; 
                            font-size: 20px;
                            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;
                        border:none;
        }
        

        .mobile-slider {        
            background-color: #F2F2F2; 
            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 { padding-bottom:2px !important;} */
        .link-hover:hover, .cross-mark:hover { color: #49A6DC; }
   
        .cross-mark { 
            font-weight:bolder; 
            font-size:22px; 
            display:block; 
            color:black;
        }

        @media only screen and (min-width: 360px) {

            .nav-container { margin: 0 20px;}
        
           
            
          }

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

            .desktop-links { display: flex;  align-items: center; justify-content: flex-end;}
            
            

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

            .nav-container { margin: auto; justify-content: space-between; max-width: 1200px; padding: 0 20px;}

            

       
        }