#how > p {
    margin-bottom:26px;
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,0.4);
}

#how > div.text {
    padding-bottom:45px;
    border-bottom:1px solid rgba(255,255,255,0.4);
}

#how > div.text > div {
    float:left;
    font-size:12px;
    font-family:Asap, inherit;
    line-height:18px;
}

#how > div.text > div.left {
    width:49%;
    margin-right:3.5%;
}

#how > div.text > div.right {
    width:47.5%;
}

#how > div.text > div.left > h3 {
    text-transform:uppercase;
    font-size:12px;
    margin:0;
    margin-bottom:20px;
}

#how > div.text > div.left > p.left,
#how > div.text > div.left > div.right {
    float:left;
}

#how > div.text > div.left > p.left {
    width:52%;
    margin:0;
    margin-right:10%;
    text-align:justify;
    margin-bottom:46px;
}

#how > div.text > div.left > p.bottom {
    width:90%;
    text-align:center;
    clear:both;
    font-weight:bold;
    text-transform:uppercase;
    margin:0;
    padding:13px 15px;
    background-color:rgba(0,0,0,0.6);
}

#how > div.text > div.left > div {
    width:38%;
}

#how > div.text > div.left > div.right > p {
    margin:0;
}

#how > div.text > div.left > div.right > p:first-child {
    margin-bottom:38px;
}

#how > div.text > div.left > div.right > p > span.line {
    display:block;
    width:20%;
    height:1px;
    background-color:rgba(255,255,255,0.3);
}

#how > div.text > div.right {
    padding-top:23px;
}

#how > div.text > div.right > p {
    float:left;
    margin:0;
    margin-bottom:45px;
    width:46%;
}

#how > div.text > div.right > p:first-child {
    margin-right:8%;
}

#how > div.text > div.right > p > strong {
    display:block;
    margin-bottom:22px;
    font-size:75px;
    font-weight:normal;
}

#how > div.text > div.right > p > strong > span {
    font-size:40px;
}

#how > div.text > div.right > p > span {
    display:block;
    padding:6px 10px;
    font-weight:bold;
    margin-bottom:-20px;
}

#how > div.text > div.right > p:first-child > span {
    background-color:#A31916;
}

#how > div.text > div.right > p:first-child+p > span {
    background-color:rgba(0,0,0,0.6);
}

#how > div.text > div.right > div.image > img {
    display:block;
    margin:auto;
    max-width:371px;
    width:100%;
}

#how > section.faq {
    padding-top:23px;
}

#how > section.faq > h3 {
    margin:auto;
    margin-bottom:13px;
    text-transform:uppercase;
    font-size:21px;
    font-weight:300;
}

#how > section.faq > ol {
    margin:0;
    padding:0;
    list-style:none;
    counter-reset:term;
}

#how > section.faq > ol > li {
}

#how > section.faq > ol > li > button {
    display:block;
    margin-bottom:1px;
    border:none;
    background:rgba(255,255,255,0.2);
    font-size:14px;
    color:#fff;
    padding:15px 20px;
    box-sizing:border-box;
    width:100%;
    text-align:left;
    -ms-transition-property:all;
    transition-property:all;
    outline:none;
}

#how > section.faq > ol > li > button:hover,
#how > section.faq > ol > li > button:focus,
#how > section.faq > ol > li > button.selected {
    background-color:#A31916;
}

#how > section.faq > ol > li > button.selected {
    pointer-events:none;
}

#how > section.faq > ol > li > button:before {
    counter-increment: term;
    content: counter(term) ". ";
}

#how > section.faq > ol > li > div {
    display:none;
}

#how > section.faq > ol > li > div > p {
    font-size:12px;
    margin:0;
    padding:14px 20px 27px 20px;
    line-height:18px;
    overflow:hidden;
}




@media (max-width:790px) {
    
    #how > div.text > div {
        float:none;
        font-size:12px;
        font-family:Asap, inherit;
        line-height:18px;
    }

    #how > div.text > div.left {
        width:auto;
        margin-right:0;
        margin-bottom:40px;
    }

    #how > div.text > div.right {
        width:auto;
    }

    #how > div.text > div.left > p.left {
        width:48%;
        margin-right:5%;
        margin-bottom:14px;
    }

    #how > div.text > div.left > p.bottom {
        width:auto;
    }

    #how > div.text > div.left > div.right > p:first-child {
        margin-bottom:15px;
    }


    #how > div.text > div.left > div {
        width:43%;
        margin-bottom:14px;
    }

    #how > div.text > div.right > p {
        margin-bottom:45px;
        width:48%;
    }

    #how > div.text > div.right > p:first-child {
        margin-right:5%;
    }

    #how > div.text > div.right > p:first-child+p {
        width:47%;
    }
    
}




@media (max-width:660px) {

    #how > div.text > div.left > p.left {
        width:auto;
        margin-right:0;
        float:none;
    }

    #how > div.text > div.left > p.left {
        width:auto;
        margin-right:0;
        float:none;
    }

    #how > div.text > div.left > div.right {
        width:auto;
        margin-right:0;
        float:none;
    }

    #how > div.text > div.left > p.bottom {
        padding:5px 15px;
    }

    #how > div.text > div.right > p {
        margin-bottom:45px;
        width:auto;
        float:none;
    }

    #how > div.text > div.right > p:first-child {
        margin-right:0;
    }

    #how > div.text > div.right > p:first-child+p {
        width:auto;
    }

    #how > div.text > div.right > div.image {
        margin:auto;
        max-width:158px;
        width:100%;
        height:343px;
        background:url(images/how-graphic.svg) no-repeat 50% 50%;
        background-size:100%;    
        background-size:contain;    
    }

    .no-svg #how > div.text > div.right > div.image {
        background-image:url(images/how-graphic.png);
    }

    #how > div.text > div.right > div.image > img {
        display:none;
    }
    
}