body{padding:0;margin:0;box-sizing:border-box;background-color:#f6f5f4;font-family:arial,sans-serif}div.main-question{text-align:center}div.main-question h1{font-size:18px}#mainBtn{background-color:#4caf50;border:none;color:#fff;padding:3% 18%;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-weight:700}div#progbars{display:none;text-align:center}#progbars img{max-width:95%}#channel-step{text-align:center;display:none}#channel-step img{width:30%}#channel-step .g-ytsubscribe{text-align:center}#btn_subscribed,#btn_generate,#btn_offers{background-color:#4caf50;border:none;color:#fff;padding:3% 12%;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-weight:700;margin-bottom:10px}#account-step{text-align:center;display:none}#loader{text-align:center;display:none}#final-step{text-align:center;display:none}#final-step img{width:50%}input#account-username{border:1px solid rgba(197,214,222,.7);font-size:1rem;border-radius:3px;padding:10px 30px;width:50%}select#device-type{border:1px solid rgba(197,214,222,.7);font-size:1rem;border-radius:3px;padding:10px 30px;width:50%}#quest-container{text-align:center}#quest_label{display:block;color:green;font-weight:700}.buttons>div{background:#135ec7;border-radius:27.2vw;line-height:14.66vw;display:inline-block;font-size:5vw;color:#fff;font-weight:700;cursor:pointer;margin:3.06vw 1.067vw 2.133vw;min-width:31.2vw;width:44%;vertical-align:top}@media only screen and (min-width:480px){div.main-question h1{font-size:24px}#mainBtn{font-size:24px}}@media only screen and (min-width:600px){div.main-question h1{font-size:28px}#mainBtn{font-size:28px}.backgrnd{text-align:center}.backgrnd img{max-width:85%}#question{font-size:28px}#progbars img{max-width:90%}.buttons>div{width:34%;line-height:9vw}#channel-step p{font-size:20px}#btn_subscribed{font-size:28px}#account-step h3,#btn_generate{font-size:28px}#account-step input,#account-step select{font-size:28px}#loader h3{font-size:22px;font-weight:700}#final-step img{width:45%}#final-step h3,#btn_offers{font-size:28px}}@media only screen and (min-width:768px){div.main-question h1{font-size:32px}#mainBtn{font-size:32px}.backgrnd{text-align:center}.backgrnd img{max-width:70%}#question{font-size:32px}#progbars img{max-width:85%}.buttons>div{width:34%;line-height:9vw}#channel-step p{font-size:22px}#btn_subscribed{font-size:32px}#account-step h3,#btn_generate{font-size:32px}#account-step input,#account-step select{font-size:32px}#loader h3{font-size:24px;font-weight:700}#final-step img{width:45%}#final-step h3,#btn_offers{font-size:32px}}@media only screen and (min-width:900px){div.main-question h1{font-size:32px}#mainBtn{font-size:32px}.backgrnd{text-align:center}.backgrnd img{max-width:70%}#question{font-size:32px}#progbars img{max-width:80%}.buttons>div{width:26%;line-height:7.5vw;font-size:4vw}#channel-step p{font-size:24px}#btn_subscribed{font-size:32px}#account-step h3,#btn_generate{font-size:32px}#account-step input,#account-step select{font-size:32px}#loader h3{font-size:24px;font-weight:700}#loader img{width:150px;height:150px}#final-step img{width:40%}#final-step h3,#btn_offers{font-size:32px}}@media only screen and (min-width:1024px){div.main-question h1{font-size:34px}#mainBtn{font-size:34px}.backgrnd{text-align:center}.backgrnd img{max-width:65%}#question{font-size:34px}#progbars img{max-width:70%}.buttons>div{width:24%;line-height:7vw;font-size:3.5vw}#channel-step p{font-size:26px}#btn_subscribed{font-size:34px}#account-step h3,#btn_generate{font-size:34px}#account-step input,#account-step select{font-size:34px}#loader h3{font-size:24px;font-weight:700}#loader img{width:150px;height:150px}#final-step img{width:38%}#final-step h3,#btn_offers{font-size:34px}#btn_offers{padding:2% 10%}}@media only screen and (min-width:1200px){div.main-question h1{font-size:34px}#mainBtn{font-size:34px;padding:2% 10%}.backgrnd{text-align:center}.backgrnd img{max-width:60%}#question{font-size:34px}#progbars img{max-width:65%}.buttons>div{width:24%;line-height:7vw;font-size:3.5vw}#channel-step p{font-size:26px}#btn_subscribed{font-size:34px}#account-step h3,#btn_generate{font-size:34px}#account-step input,#account-step select{font-size:34px}#loader h3{font-size:24px;font-weight:700}#loader img{width:150px;height:150px}#final-step img{width:38%}#final-step h3,#btn_offers{font-size:34px}#btn_offers{padding:2% 10%}}