body {
        /*background: linear-gradient(70deg, #e6e6e6, #f7f7f7);
        color: #514B64;
        min-height: 100vh;*/
        background-color:#fff;
    }
    
    code {
        background: #fff;
        padding: 0.2rem;
        border-radius: 0.2rem;
        margin: 0 0.3rem;
    }
    nav
    {
        height:auto;    
    }
    .navbar
    {
        background-color:#C87729;             
        
    }

    .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    .navbar-toggler {
        background: #000; /* pick your color */
    }

    .navbar .navbar-nav .nav-item a
    {
        color:#fff;

    }

    /* Slide css*/

    .carousel
    {
        margin-left:-30px;
        margin-right:-10px
    
    }

    .carousel-inner .carousel-item img
    {
        height:500px;
        border:0;
    }




        p.compname1 { font-size: 16px;   /*text-shadow: 2px 2px 3px #000000;*/                        
                        font: 300 16px/0.8 'Verdana', Helvetica, sans-serif;
                        color: #ffffff;  
                        text-shadow: 2px 2px 4px #094c11; 
                        margin-bottom:5px; margin-top:5px;                        
                        font-weight:600;
                        line-height:30px;
        }
        p.compname2 { font-size: 20px;   /*text-shadow: 2px 2px 4px #000000;*/ 
                        font: 400 16px/0.8 'Verdana', Helvetica, sans-serif;
                        color: #ffffff;  
                        text-shadow: 2px 2px 4px #094c11; 
                        margin-bottom:5px; margin-top:0px;
                        font-weight:600;                         
                         word-spacing:20px;
                         line-height:30px;
        }

        .navbar-brand img
            {
                width:90px;
                float:left;
                padding-right:20px;
            }

            #topheader
            {
                background-color:#fff;
                border-bottom:solid 1px #808080;
            }

            #topheader a
            {
                text-decoration:none;
                color:#000;
            }

            #topheader a:hover
            {
                text-decoration:none;
                color:#000;
            }

            .list-group-item
            {
                border:0;
                margin-top:0px; margin-bottom:0px;                
                padding-left:2px; padding-right:2px;
                font-family:Verdana;
                font-size:12px;
                

            }

        @media screen and (max-width: 1300px) {
        /*175%*/
            p.compname1
            {
                font-size: 12px;
            }
            p.compname2
            {
                font-size: 12px;
            }
            #navbarSupportedContent a
            {
                font-size:12px;
            }
            .navbar-brand img
            {
                width:80px;
            }
            .carousel-inner .carousel-item img
            {
                height:350px;
                border:0;
            }
        
    }

    @media screen and (max-width: 1100px) {
        /*150%*/
            p.compname1
            {
                font-size: 11px;
            }
            p.compname2
            {
                font-size: 11px;
            }
            #navbarSupportedContent a
            {
                font-size:11px;
            }
            .navbar-brand img
            {
                width:70px;
            }
            .carousel-inner .carousel-item img
            {
                height:300px;
                border:0;
            }
            #topheader ul li
        {          
            height:20px;
            margin-top:0px;
            padding-top:0px;
        }
        #topheader a
        {
            font-size:9px;
        
        }
    }

    @media screen and (max-width: 900px) {
        /*175%*/
            p.compname1
            {
                font-size: 10px;
            }
            p.compname2
            {
                font-size: 10px;
            }
            #navbarSupportedContent a
            {
                font-size:10px;
            }
            .navbar-brand img
            {
                width:60px;
            }
            .carousel-inner .carousel-item img
            {
                height:300px;
                border:0;
            }
            #topheader ul li
        {          
            height:20px;
            margin-top:0px;
            padding-top:0px;
        }
        #topheader a
        {
            font-size:8px;
        
        }
    }
            
    @media screen and (max-width: 800px) {
        /*200%*/
            p.compname1
            {
                font-size: 8px;
            }
            p.compname2
            {
                font-size: 8px;
            }
            #navbarSupportedContent a
            {
                font-size:8px;
            }
            .navbar-brand img
            {
                width:60px;
            }
            .carousel-inner .carousel-item img
            {
                height:250px;
                border:0;
            }
            #topheader ul li
        {          
            height:20px;
            margin-top:0px;
            padding-top:0px;
        }
        #topheader a
        {
            font-size:7px;
        
        }
        
    }

    @media screen and (max-width: 700px) {
        /*250%*/
            p.compname1
            {
                font-size: 6px;
            }
            p.compname2
            {
                font-size: 6px;
            }
            #navbarSupportedContent a
            {
                font-size:6px;
            }
            .navbar-brand img
            {
                width:60px;
            }
            .carousel-inner .carousel-item img
            {
                height:200px;
                border:0;
            }
            #topheader ul li
        {          
            height:20px;
            margin-top:0px;
            padding-top:0px;
        }
        #topheader a
        {
            font-size:6px;
        
        }
      
    }
      

    
    @media screen and (max-width: 600px) {
    
      p.compname1
            {
                font-size: 10px;
            }
            p.compname2
            {
                font-size: 10px;
            }
            .navbar-brand img
            {
                width:70px;
            }
            .carousel-inner .carousel-item img
            {
                height:150px;
                border:0;
            }

             #topheader ul li
        {          
            height:20px;
            margin-top:0px;
            padding-top:0px;
        }
        #topheader a
        {
            font-size:6px;
        
        }
        .navbar
        {
            margin:0px;
            padding:2px;            
            border:solid 0px red;
            
        }
            .navbar button
            {
                
            }
        .navbar div
        {
            top:0px;
            margin-top:-15px;
            margin-bottom:-15px;
            padding-top:0px;
            border:solid 0px red;
        }
    }
        
    
    @media screen and (max-width: 400px) {
        /*400%*/
      p.compname1
            {
                font-size: 8px;
            }
            p.compname2
            {
                font-size: 8px;
            }
            .navbar-brand img
            {
                width:55px;
            }
            .carousel-inner .carousel-item img
            {
                height:100px;
                border:0;
            }
            #topheader ul li
        {          
            height:20px;
            margin-top:0px;
            padding-top:0px;
        }
        #topheader a
        {
            font-size:6px;
        
        }

            .navbar
        {
            margin:0px;
            padding:2px;
           
            border:solid 0px red;
        }
        .navbar div
        {
            margin-top:-15px;
            margin-bottom:-15px;
            border:solid 0px red;
        }
    }

    
    @media screen and (max-width: 350px) {
        /*500%*/
            p.compname1
            {
                font-size: 6px;
                /*margin:0;
                padding:0;*/
            }
            p.compname2
            {
                font-size: 6px;
                margin-bottom:1px; margin-top:1px;

            }
            .navbar-brand img
            {
                width:40px;
            }
            .carousel-inner .carousel-item img
            {
                height:100px;
                border:0;
            }
            
        #topheader ul li
        {          
            height:20px;
            margin-top:0px;
            padding-top:0px;
        }
        #topheader a
        {
            font-size:6px;
        
        }
        .navbar
        {
            margin:0px;
            padding:2px;            
            border:solid 0px red;
            
        }
            .navbar button
            {
               
            }
        .navbar div
        {
            top:0px;
            margin-top:-15px;
            margin-bottom:-15px;
            padding-top:0px;
            border:solid 0px red;
        }
    } 
    
    
    

    button.navbar-toggler {
      background-color: #186a22;
        height:25px;
        width:25px;
        padding-top: 0;
        padding-bottom: 0;
    }

    

     .navbar-toggler-icon {
      font-size: 0.6em;
      margin-left:-8px;
      margin-top:-6px;
      border:solid 0px red;
    }