/*    add    */
        
        .promote {
            background-color: #87a9d0;
            overflow: hidden;
            text-decoration: none;
            display: block;
            color: #fff;
            font-weight: bold;
            font-size: 24px;
            border-radius: 5px;
            margin: 20px 25%;
            padding: 2rem 10%;
        }
        
        .promote:hover h3.name {
            text-decoration: none;
            color: #000;
        }
        
        .qe {
            display: inline-block;
            margin: 20px;
            width: 100px;
            height: 100px;
        }
        
        .promotext {
            float: right;
            text-align: center;
            margin: 20px 5%;
        }
        
        .promotext>h3.name {}
        
        .promotext>.features {
            font-size: 15px;
        }
        
        @media screen and (max-width:1000px) {
            .promote {
                width: 100%;
                margin: 20px 0;
            }
            .qe {
                display: block;
                margin: 0 auto;
            }
            .promotext {
                float: none;
                clear: both;
                margin: 0 auto;
                width: 50%;
            }
        }
        
        @media screen and (min-width:1000px) {
            .promotext {
                margin: 20px 5%;
            }
        }
        /*  / add */