.banner {
            //min-width: 92%;
            background-color: #72d8e4;
            color: #000000;
            padding: 25px 8px;
            display: flex;
            align-items: center;
            //box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 8px 8px 0px 0px;
            margin: 0 auto;
            font-family: Arial, sans-serif;
            font-size: 16px;
            position: relative;
             //top: -2px;
            z-index: 1000;
            cursor: default;
            text-align: center;
        }
        .banner i {
            color: #000000;
            //margin-right: 15px;
            font-size: 30px;
            text-align: center;
            vertical-align: middle;
        }
        .banner-content {
            flex-grow: 1;
            text-align: center;
            display: block;
        }
        .banner-content a {
            color: inherit;
            text-decoration: none;
            text-align: center;
        }
        .icon {
         text-align: center;   
        }
        
        
        @media only screen and (max-device-width: 600px) 
        {
            .banner {
                font-size: 20px;
                padding: 39px 15px;
                //min-width: 92%;
                border-radius: 8px 8px 0px 0px;

            }
            .banner i {
                font-size: 20px;
                //margin-right: 10px;
            }
        }