body{
            background: rgb(186, 186, 186);
            color: white;
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
            padding: 0;
        }
        header{
            background: black;
            padding: 20px 40px 10px 50px;
            text-align: center;
            height: 150px;
            background-image: url(images/bannerImage.png);
            background-size: 100%;
            background-position: center;

        }   
        section{
            background: rgb(106, 49, 49);
            color: grey;
            padding: 20px;

            display: flex;
            flex-direction: row;

        }  
        div{
            background: white;
            margin: auto;
            width: 100px;
        } 
        ul{
            margin: 0;
            padding: 0;
            list-style-type: none;
            font-size: 30px;

            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            
        }
        a{
            text-decoration: none;
            color: white;
        }
        a:visited{
            color: none;
        }
        li{
            display: inline-block;
        }
        footer{
            background: black;
            padding: 20px 20px;
            color: grey;
            font-size: 10px;
            text-align: center;


        } 
        header .logo a {
            background-image: url("images/websiteLogo.png");
            background-size: 200px;
            background-repeat: no-repeat;
            display: inline-block;
            position: relative;
            top: -20px;
            height: 80px;
            text-indent: -9999999px;
            width: 200px;
            
        }
        .features {
            background: white;
           
        }

        img{
            display: block;
            margin: 0 auto;
        }