body {
            font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
            max-width: 670px;
            width: 100%;
            height: 300px;
            margin: 10px auto;
            font-size: 16px;
            line-height: 1.5;
            font-weight: 300;
            color: white;
            background:linear-gradient(20deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64)),url("https://images.unsplash.com/39/lIZrwvbeRuuzqOoWJUEn_Photoaday_CSD%20(1%20of%201)-5.jpg?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=92b4ef70a4e06a7e7bf54e1bde61b624&auto=format&fit=crop&w=1950&q=") no-repeat center center fixed;
        }

       .remove-top-margin {
            margin-top: 0;
        }
        .logo {
            border-radius: 50%;
            max-width: 150px;
            max-height: 180px;
        }

        .logo-placeholder {
            padding: 5px;
            text-align: center;
        }

        .content {
            padding: 0 20px 20px 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }



        .counter {
            width: 500px;
        }

        @media (min-width: 481px) and (max-width: 767px) {

            .counter {
                width: 450px;
            }

        }

        /*
          ##Device = Most of the Smartphones Mobiles (Portrait)
          ##Screen = B/w 320px to 479px
        */

        @media (min-width: 320px) and (max-width: 480px) {

            .counter {
                width: 350px;
            }

        }