.main-container{
    width: 100%;
    padding: 0% 12%;
}
.div-parent-container{
    display: flex;
    flex-direction: row;
}
.container{
    padding-left: 0px;
    padding-right: 0px;
}
.flex-item-left{
    display: flex;
    flex-direction: column;

    width: 50%;
    justify-content:center;
    padding-right: 5%;
}
.flex-item-right{
    display: flex;
    flex-direction: column;
    justify-content:center;
    width: 50%;
    padding-left: 5%;
}

.txt-subscription{
    font-size: 28px;
    color: #000;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    line-height: 1.2em;
}
.txt-subscription.margin-top{
    margin-top: 20px;
}
.txt-how-it-work{
    font-size: 24px;
    color: #000;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    line-height: 1.2em;
    margin-top: 20px;
}
.flex-item-left.banner-content{
    width: 40%;
    padding-right: 2%;
    margin-top: 6%;
}
.flex-item-right.banner-image{
    width: 60%;
    padding-left: 2%;
}
.div-manage-pupil{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 6%;
}
.txt-manage-pupils{
    font-size: 38px;
    font-weight: 800;
    color: #000000;
}
.txt-manage-pupils-sub-content{
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    margin-top: 20px;
    padding: 0px 22%;
    text-align: center;
}
.btn-learn-more{
    width: 80%;
    font-family: 'League Spartan';
    font-size: 30px;
    font-weight: 700;
    background-color: #ffffff;
    padding: 12px 0px;
    border: 2px solid #ffffff;
    border-radius: 34px;
    color: #000;
}
.btn-learn-more:hover{
    border: 2px solid #000;
    background-color: transparent;
}
.img-banner{
    width: 95%;
    align-self: flex-end;
}
.txt-driving-school{
    font-weight: 800;
    font-size: 32px;
    color: #008674;
}
.txt-grow-your-team{
    font-size: 48px;
    color: #000000;
    font-weight: 700;
    line-height: 1.1em;
}
.btn-signup{
    color: #ffffff;
    background-color: #008674;
    font-weight: 700;
    font-size: 32px;
    padding: 12px 54px;
    border: 2px solid #008674;
    border-radius: 30px;
    font-family: "League Spartan", serif;
}
.btn-signup:hover{
    color: #008674;
    background-color: #ffffff;
}
.btn-signup-margin{
    margin-top: 60px;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-self: flex-start;
    width: auto;
    align-items: center;
}
.div-parent-container.subscription{
    padding: 0px 8%;
}
.txt-subscription-free{
    font-size: 30px;
    font-weight: 700;
    color: #000;
}
.txt-subscription-free-sub-content{
    font-size: 22px;
    font-weight: 500;
    color: #000;
    font-family: 'Open Sans';
    margin-top: 20px;
}
.txt-subscription-free-sub-content.new-challenge{
    font-family: 'Montserrat';
    font-size: 22px;
    margin-top: 14px;
}
.txt-subscription-free-sub-content.new-challenge.second{
    font-family: 'Montserrat';
    font-size: 22px;
    margin-top: 24px
}
.txt-subscription-free-sub-content.new-challenge strong{
    font-weight: 800;
}
.img-info-image{
    width: 100%;
}
.subscription-margin{
    margin-top: 12%;
}
.flex-item-left.subscription-left{
    padding-right: 14%;
}
.flex-item-right.subscription-right{
    padding-left: 14%;
}
.div-parent-container.how-it-work{
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction:row;
}
.div-how-it-work{
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 380px;

}
.txt-how-it-works-title{
    font-size: 34px;
    font-weight: 800;
    color: #000;
    margin-top: 8%;
}
.txt-how-it-works-sub-content{
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin-top: 20px;
    padding: 0px 8%;
    text-align: center;
}
.img-how-it-works{
    width: 88%;
}
.div-how-it-work-margin{
    margin-top: 4%;
}
.txt-pdi-mentoring{
    font-size: 20px;
    font-weight: 800;
    color: #008674;
    margin-bottom: 4px;
}
.btn-singnup-to-start{
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    background-color: #000000;
    padding: 18px 120px;
    border-radius: 38px;
    border-color: 1px solid #000000;
    font-family: "League Spartan", serif;
}
.btn-singnup-to-start:hover{
    font-size: 32px;
    font-weight: 700;
    color: #000000;
    background-color: #ffffff;
    padding: 18px 120px;
    border-radius: 38px;
    border-color: 1px solid #000000;
    font-family: "League Spartan", serif;
}
.div-fancy-new-challenge{
    margin-bottom:10%;
}
.img-how-it-works.padding-top{
    padding-top:20%;
    width: 70%;
}
.txt-how-it-work:hover{
    color: #008674;
}
.txt-terms{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-top: 14px;
}
@media screen and (max-width: 600px) {
    .main-container{
        padding: 0px 6%;
    }
    .div-parent-container{
        flex-direction: column;
    }
    .flex-item-left.banner-content{
        width: 100%;
        margin-top: 10%;
    }
    .flex-item-right.banner-image{
        width: 100%;
    }
    .txt-grow-your-team{
        font-size: 30px;
        text-align: center;
    }
    .txt-driving-school{
        text-align: center;
        font-size: 20px;
    }
    .txt-subscription{
        text-align: center;
        font-size: 16px;
    }
    .btn-signup{
        width: 100%;
    }
    .btn-signup-margin{
        align-self: unset;
        align-items: unset;
        margin-top: 42px;
    }
    .btn-signup{
        font-size: 26px;
    }
    .txt-how-it-work{
        font-size: 20px;
        text-align: center;
    }
    .txt-manage-pupils{
        font-size: 30px;
        line-height: 1.1em;
        text-align: center;
    }
    .img-banner {
        width: 80%;
        align-self: center;
        margin-top: 12%;
    }
    .txt-manage-pupils-sub-content{
        padding: 0px;
        font-size: 18px;
        padding: 0px 6%;
        line-height: 1.1em;
        font-weight:500;
    }
    .flex-item-left{
        width: 100%;
    }
    .flex-item-right{
        width: 100%;
    }
    .div-parent-container.subscription{
        padding: 0px;
    }
    .flex-item-left.subscription-left{
        padding-right: 0px;
        margin-top: 6%;
    }
    .txt-subscription-free{
        text-align: center;
        font-weight: 800;
        line-height: 1.2em;
        font-size: 24px;
    }
    .txt-subscription-free-sub-content{
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        padding: 0px 10%;
        line-height: 1.5em;
    }
    .div-parent-container.subscription.subscription-margin {
        flex-direction: column-reverse;
    }
    .flex-item-right.subscription-right {
        /* padding-left: 14%; */
        padding: 0px 16%;

    }
    .div-parent-container.subscription-margin.div-fancy-new-challenge {
        flex-direction: column-reverse;
    }
    .txt-pdi-mentoring{
        text-align: center;
        font-size: 18px;
    }
    .flex-item-right.subscription-right.div-img-fancy-a-new-challenge{
        padding: 0px;
        width: 100%;
    }
    .txt-subscription-free-sub-content.new-challenge,.txt-subscription-free-sub-content.new-challenge.second{
        padding: 0px;
        line-height: 1.3em;
        font-size: 18px;
    }
    .btn-singnup-to-start{
        width: 100%;
        font-size:24px;
        padding: 10px 0px;
    }
    .txt-how-it-works-title{
        font-size: 26px;
    }
    .txt-how-it-works-sub-content{
        line-height: 1.2em;
        font-size: 18px;
    }
    .div-how-it-work.margin-top{
        margin-top: 20%;;
    }
    .img-how-it-works.padding-top{
        width: 60%;
    }
    .img-how-it-works{
        width: 70%;
    }
}
@media screen and ( min-width: 600px) and ( max-width: 920px){
    .main-container{
        padding: 0% 6%;
    }
    .txt-grow-your-team{
        font-size: 26px;

    }
    .txt-driving-school{

        font-size: 20px;
    }
    .txt-subscription{
        font-size: 16px;
    }
    .btn-signup{
        width: 100%;
    }
    .img-banner {
        width: 80%;
        align-self: center;

    }
    .flex-item-left.banner-content{
        width: 50%;
    }
    .flex-item-right.banner-image{
        width: 50%;
    }

    .btn-signup{
        font-size: 26px;
    }
    .txt-manage-pupils{
        font-size: 26px;
        line-height: 1.1em;
        text-align: center;
    }
    .img-banner {
        width: 80%;
        align-self: center;
        margin-top: 12%;
    }
    .txt-manage-pupils-sub-content{
        padding: 0px;
        font-size: 18px;
        padding: 0px 6%;
        line-height: 1.1em;
        font-weight:500;
    }
    .txt-subscription-free{
        font-weight: 800;
        line-height: 1.2em;
        font-size: 18px;
    }
    .txt-subscription-free-sub-content{

        font-size: 16px;
        font-weight: 500;
        line-height: 1.5em;
    }
    .flex-item-left.subscription-left{
        padding-right: 4%;
    }
    .flex-item-right.subscription-right{
        padding-left: 4%;
    }
    .div-parent-container.subscription{
        padding: 0px 4%;
    }
    .div-manage-pupil {
        margin-top: 12%;
    }
    .div-how-it-work{
        max-width: 200px;
    }
    .txt-how-it-works-title{
        font-size: 24px;
    }
    .txt-how-it-works-sub-content{
        line-height: 1.2em;
        font-size: 16px;
        padding: 0px 2%;
    }
    .img-how-it-works.padding-top{
        width: 60%;
    }
    .img-how-it-works{
        width: 78%;
    }
    .txt-subscription-free-sub-content.new-challenge,.txt-subscription-free-sub-content.new-challenge.second{
        padding: 0px;
        line-height: 1.3em;
        font-size: 16px;
    }
    .txt-pdi-mentoring{
        font-size: 16px;
    }
    .btn-singnup-to-start{
        width: 100%;
        font-size:24px;
        padding: 10px 30px;
    }
    .btn-signup-margin{
        margin-top: 42px;
    }
    .txt-how-it-work{
        font-size: 20px;
    }
}
@media screen and ( min-width: 920px) and ( max-width: 1024px){
    .main-container{
        padding: 0% 6%;
    }
    .txt-grow-your-team{
        font-size: 28px;

    }
    .txt-driving-school{
        font-size: 22px;
    }
    .txt-subscription{
        font-size: 20px;
    }
    .btn-signup{
        width: 100%;
    }
    .img-banner {
        width: 80%;
        align-self: center;

    }
    .flex-item-left.banner-content{
        width: 50%;
    }
    .flex-item-right.banner-image{
        width: 50%;
    }

    .btn-signup{
        font-size: 20px;
    }
    .txt-manage-pupils{
        font-size: 28px;
        line-height: 1.1em;
        text-align: center;
    }
    .img-banner {
        width: 80%;
        align-self: center;
        margin-top: 12%;
    }
    .txt-manage-pupils-sub-content{
        padding: 0px;
        font-size: 22px;
        padding: 0px 12%;
        line-height: 1.1em;
        font-weight:500;
    }
    .txt-subscription-free{
        font-weight: 800;
        line-height: 1.2em;
        font-size: 26px;
    }
    .txt-subscription-free-sub-content{

        font-size: 20px;
        font-weight: 500;
        line-height: 1.5em;
    }
    .flex-item-left.subscription-left{
        padding-right: 10%;
    }
    .flex-item-right.subscription-right{
        padding-left: 10%;
    }
    .div-parent-container.subscription{
        padding: 0px 4%;
    }
    .div-manage-pupil {
        margin-top: 12%;
    }
    .div-how-it-work{
        max-width: 230px;
    }
    .txt-how-it-works-title{
        font-size: 26px;
    }
    .txt-how-it-works-sub-content{
        line-height: 1.2em;
        font-size: 20px;
        padding: 0px 2%;
    }
    .img-how-it-works.padding-top{
        width: 60%;
    }
    .img-how-it-works{
        width: 78%;
    }
    .txt-subscription-free-sub-content.new-challenge,.txt-subscription-free-sub-content.new-challenge.second{
        padding: 0px;
        line-height: 1.3em;
        font-size: 20px;
    }
    .txt-pdi-mentoring{
        font-size: 18px;
    }
    .btn-singnup-to-start{
        width: 100%;
        font-size:24px;
        padding: 10px 30px;
    }
    .btn-signup-margin{
        margin-top: 42px;
    }
}
@media screen and ( min-width: 1025px) and ( max-width: 2560px){
    .main-container{
        padding: 0% 6%;
    }
    .txt-grow-your-team{
        font-size: 36px;

    }
    .txt-driving-school{
        font-size: 26px;
    }
    .txt-subscription{
        font-size: 26px;
    }
    .btn-signup{
        width: 100%;
    }
    .img-banner {
        width: 80%;
        align-self: center;

    }
    .flex-item-left.banner-content{
        width: 50%;
    }
    .flex-item-right.banner-image{
        width: 50%;
    }

    .btn-signup{
        font-size: 34px;
    }
    .txt-manage-pupils{
        font-size: 32px;
        line-height: 1.1em;
        text-align: center;
    }
    .img-banner {
        width: 80%;
        align-self: center;
        margin-top: 12%;
    }
    .txt-manage-pupils-sub-content{
        padding: 0px;
        font-size: 24px;
        padding: 0px 12%;
        line-height: 1.1em;
        font-weight:500;
    }
    .txt-subscription-free{
        font-weight: 800;
        line-height: 1.2em;
        font-size: 36px;
    }
    .txt-subscription-free-sub-content{

        font-size: 26px;
        font-weight: 500;
        line-height: 1.5em;
    }
    .flex-item-left.subscription-left{
        padding-right: 10%;
    }
    .flex-item-right.subscription-right{
        padding-left: 10%;
    }
    .div-parent-container.subscription{
        padding: 0px 4%;
    }
    .div-manage-pupil {
        margin-top: 12%;
    }
    .div-how-it-work{
        max-width: 350px;
    }
    .txt-how-it-works-title{
        font-size: 36px;
    }
    .txt-how-it-works-sub-content{
        line-height: 1.2em;
        font-size: 26px;
        padding: 0px 2%;
    }
    .img-how-it-works.padding-top{
        width: 60%;
    }
    .img-how-it-works{
        width: 78%;
    }
    .txt-subscription-free-sub-content.new-challenge,.txt-subscription-free-sub-content.new-challenge.second{
        padding: 0px;
        line-height: 1.3em;
        font-size: 26px;
    }
    .txt-pdi-mentoring{
        font-size: 22px;
    }
    .btn-singnup-to-start{
        width: 100%;
        font-size:32px;
        padding: 10px 40px;
    }
    .btn-signup-margin{
        margin-top: 42px;
    }
    .txt-how-it-work{
        font-size: 28px;
    }

}