body {
        font-family: 'Open Sans', sans-serif;
        background-color: #fff;
        margin: 0
    }
    
    h1 {
        font-size: 35px;
        font-weight: 700;
        line-height: 28px
    }
    
    h2 {
        font-size: 29px
    }
    
    p {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 28px
    }
    
    a {
        background-color: transparent;
        text-decoration: none;
        color: #fff
    }
    
    a:active,
    a:hover {
        outline: 0
    }
    
    a:hover,
    a:focus {
        text-decoration: none
    }
    
    #pre1,
    #step1,
    #step2,
    #step3,
    #step4,
    #question1,
    #question2,
    #question3,
    #question4,
    #thanks {
        display: none
    }
    
    span.green {
        color: #6ca655;
        font-weight: bold;
    }
    
    .intro {
        border-radius: 10px
    }
    
    #top {
        font-size: 25px;
        padding: 12px 0;
        margin-bottom: 20px
    }
    
    .circle {
        background: #ececec;
        color: #888;
        font-size: 23px;
        padding: 8px 18px;
        font-weight: 700
    }
    
    .current_circle {
        background: #6ca655;
        color: #000
    }
    
    .questions {
        font-size: 40px;
        line-height: 28px;
        margin: 0 10% 10px
    }
    
    .questions input[checkbox] {
        display: block
    }
    
    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-shadow: 1px 1px #
    }
    
    .btn-lg,
    .btn-group-lg > .btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 4px;
        font-weight: 700
    }
    
    .btn-block {
        display: block;
        width: 95%
    }
    
    .btn-block + .btn-block {
        margin-top: 5px
    }
    
    input[type="submit"].btn-block,
    input[type="reset"].btn-block,
    input[type="button"].btn-block {
        width: 100%
    }
    
    .yes {
        background: #6ca655;
        color: #fff;
        width: 100%;
        font-size: 28px;
        font-weight: 700
    }
    
    .no {
        background: #aaa;
        color: #000;
        width: 100%;
        font-size: 28px
    }
    
    .no:hover {
        background: #ccc;
        color: #000
    }
    
    .yes:hover {
        background: #6bb655;
        color: #fff
    }
    
    .small {
        font-size: 20px
    }
    
    .questions .yes {
        width: 95%;
        font-size: 20px;
        font-weight: 700;
        margin: 0px auto;
        margin-top: 7px;
    }
    
    .text-left {
        text-align: left;
        padding: 10px
    }
    
    .text-right {
        text-align: right
    }
    
    .text-center {
        text-align: center
    }
    
    .container {
        border-radius: 0;
        border: 4px solid #;
        background-color: #;
        padding: 0;
        padding-top: 0;
        width: 95%;
        min-width: 300px;
        max-width: 600px;
        position: relative;
        margin: 10px auto
    }
    
    .continue {
        padding: 10px 0;
        font-size: 28px;
        line-height: 1.3333333;
        border-radius: 4px;
        font-weight: 700
    }
    
    a .last {
        margin-right: 10px
    }
    
    .box {
        color: white;
        font-weight: bold;
        text-decoration: none;
        display: block;
        width: 80%;
        margin: 0 auto;
        border: solid 3px black;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
        background: #6ca655;
        font-size: 2.5rem;
        padding: 10px;
        transition: all linear 0.3s;
        margin-top: 3%;
    }
    
    .box:hover {
        background: white;
        color: rgba(240, 103, 149, 1);
    }
    
    .select {
        margin-top: 5%;
    }
    
    .boxing {
        background: #ececec;
        color: #888;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        margin: 0 auto;
        border: solid 3px #ececec;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
        font-size: 1rem;
        padding: 10px;
        transition: all linear 0.3s;
        margin-top: 3%;
    }
    
    #choice {
        font-size: 20px;
        color: #000;
    }
    
    @media screen and (max-width: 500px) {
        h1 {
            font-size: 22px
        }
        .questions {
            font-size: 18px;
            line-height: 23px
        }
        .questions .yes {
            width: 95%;
            font-size: 17px;
            font-weight: 700;
            margin: 10px auto;
        }
        .text-left {
            font-size: 18px;
            line-height: 21px
        }
        .continue {
            padding: 10px 0;
            font-size: 28px;
            line-height: 1.3333333;
            border-radius: 4px;
            font-weight: 700
        }
        p {
            font-size: 18px;
            line-height: 21px
        }
        .small {
            font-size: 14px
        }
        h2 {
            font-size: 18px;
            line-height: 21px
        }
        .style2 {
            font-size: 15px
        }
        .h1_2 {
            font-size: 22px;
            line-height: 25px
        }
        .style1 {
            font-size: 14px
        }
        #top {
            font-size: 16px
        }
        .btnyes {
            font-size: 24px;
            width: 100%
        }
        .btnno {
            font-size: 24px;
            width: 100%
        }
        .btnnext {
            font-size: 24px;
            width: 100%
        }
        .agree {
            font-size: 24px;
            width: 100%
        }
        #topbefore {
            background-color: #e6e6ea;
            padding: 6px;
            width: 89%;
            margin: 0 auto;
            text-align: left
        }
    }