@import url(https://fonts.googleapis.com/css?family=Lato:400,600,700);
html body{
    font-family: "Lato", arial, sans-serif;
    background:#F7F7F7;
    color:#1F2D64;
}
* {
    box-sizing: border-box;
}
#container{
    margin: auto;
    padding-bottom: 60px;
}
img,input[type=image]{
    max-width: 100%;
}
.head{
    font-size:22px;
    padding:8px 5px;
    background:#FFFFFF;
}
.head .inside{
    margin:auto;
    text-align: center;
    padding:15px 5px;
}
img{
    max-width: 100%;
}
.main{
    background: #F5F5F5;
}
.next{
    text-align: center;
    padding:20px 5px 0 5px;
    font-weight: bold;
    font-size:18px;
}
.boxes{
    max-width:900px;
    margin:auto;
    padding-top:20px;
}
.box{
    background: #fff;
    border-bottom:2px #3E89BF solid;
    margin-bottom:20px;
    padding-right: 10px;
}
.box .left{
    float:left;
    width:20%;
}
.box .line{
    border-bottom:2px #D2D2D2 solid;
    max-width: 80px;
    margin-bottom: 9px;
    padding-top:3px;
}
.box .middle{
    float:left;
    width:55%;
    padding-left: 10px;
}
.box .right{
    float:right;
    width:25%;
    text-align: center;
}
.box .icon img{
    float:left;
}
.box .title{
    font-size:18px;
    font-weight:600;
    padding:10px 0 10px;
}
.box .werds{
    font-size:13px;
    line-height: 1.6;
}
.box .logo{
    /*padding:25px 0 15px 0;*/
    mix-blend-mode: darken;
}
.box .note{
    font-size:9px;
    text-align: center;
    margin-left: 14em;
}
#submit1{
    width: 450px;
}
sup{
    font-size:65%;
}
.note{
    font-size:12px;
    color: gray;
}
.terms{
    font-size: 13px;
    text-align: center;
}
.footer{
    width: 50%;
    margin: auto;
}
.divider{
    width: 50%;
    margin: auto;
    border-bottom: 1px solid #e6e6e6;
}
.two-buttons-wrapper{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 50%;
    margin: auto;
    align-items: center;
    padding-top: 10px;
}
.center-bar{
    border-right: 1px solid #e6e6e6;
    height: 50px;
}
.clear {
    clear: both;
}
.ad {
    text-align: right;
}
.text-size {
    font-size: 12px;
    width: 98%;
}

.custom_green_btn{
    background: #4b9782;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    width: 220px;
    height: 56px;
}

@media screen and (min-width: 656px) and (max-width: 800px) {
    .box .left{
        display: none;
    }
    .box .middle{
        margin-left: 25px;
    }
}
@media screen and (max-width: 655px){
    .box .left{
        display: none;
    }
    .box .middle{
        width:65%;
        padding-left:5px;
        box-sizing: border-box;
    }
    .box .right{
        width:35%;
    }
    .main .werds{
        font-size:14px;
    }
}
@media screen and (min-width: 501px) and (max-width: 900px) {
    .boxes{
        padding: 20px 10px
    }
    #submit1{
        width: 355px;
    }
}
@media screen and (max-width: 500px){
    .box .left{
        display: none;
    }
    .box .middle{
        width:100%;
        padding-left:5px;
        box-sizing: border-box;
        float:initial;
    }
    .box .right{
        width:100%;
        float:initial;
    }
    .head .inside{
        text-align: center;
    }
    .main .headline {
        font-size: 34px;
        padding: unset;
    }
    .main .werds{
        padding: 20px 0;
    }
    .main .credit{
        padding: unset;
    }
    /*.main .next{
        padding: unset;
    }*/
    .boxes{
        padding: 20px 10px
    }
    #submit1{
        width: 300px;
    }
    .box .note{
        text-align: unset;
        margin-left: unset;
    }
    #grow-credit{
        width: 250px;
    }
}

@media screen and (max-width: 1000px) {
    .footer{
        width: 100%;
        padding: 10px;
    }
}
@media screen and (max-width: 1097px) {
    .divider{
        width: 75%;
        margin: auto;
        border-bottom: 1px solid #e6e6e6;
    }
    .two-buttons-wrapper{
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        width: 76%;
        margin: auto;
        align-items: center;
        padding-top: 10px;
    }
    .center-bar{
        border-right: unset;
        border-top: 1px solid #e6e6e6;
        height: unset;
        width: 100%;
        margin: auto;
        padding-top: 10px;
    }
    .free-score-360{
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 525px) {
    .box .tops{
        font-size: 16px;
    }
    .box{
        padding:20px 2%;
    }
}

@media screen and (max-width: 430px) {
    .box .form{
        flex-direction: column;
    }
    .box .logo{
        padding-left:0;
        padding-top:20px;
    }
}