body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #222;
            color: white;
            padding: 12px;
            text-align: center;
        }
        .promo {
            background-image: url(../image/phonebgrd.jpg);
            background-size: 100%;
            opacity: 0.5;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 4em;
            text-shadow: 3px 3px 2px black;
            color: yellow;
        }
        .description {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            padding: 20px;
            justify-content: center;
        }
        .feature {
            flex: 1 1 200px; /*flex-grow, flex-shrink, flex-basis*/
            border: 1px solid #ccc;
            padding: 12px;
            border-radius: 8px;
        }
        .action {
            background: #28a745;
            color: white;
            padding: 30px;
            text-align: center;
        }
        .action button{
            padding: 15px 30px;
            border-radius: 10px
        }
        button:hover{
            padding: 15px 30px;
            border-radius: 10px
        }
        button:hover
        {
            background-color: #abe7f5;
        }