.topnav {
            overflow: hidden;
            /* background-color: #333; */
        }

        .topnav a {
            float: left;
            display: block;
            color: #ffffff;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 17px;
        }

        .topnav a:hover:not(.icon) {
            background-color: #ddd;
            /* color: black; */
        }


        .topnav .icon {
            display: none;
        }

        @media screen and (max-width: 600px) {
            .topnav a {
                display: none;
            }

            .topnav a.icon {
                float: right;
                display: block;
                font-size: 20px;
            }
        }

        @media screen and (max-width: 600px) {
            .topnav.responsive {
                position: relative;
                right: 20px;
            }

            .topnav.responsive .icon {
                position: absolute;
                right: -20px;
                top: 5px;
            }

            .topnav.responsive a {
                float: none;
                display: block;
                text-align: center;
            }
        }
        section{
            padding: 30px 0;
        }
        
         .carousel-item{
             width: 1100px;
             height: 450px;
             border: 1px solid gray;
         }
         h1{
             font-size: 40px;
             font-weight: bolder;
         }