/* Start general */
.pd-container{
    max-width: 1110px;
    margin: 0 auto;
}
.pd-pt-100{
    padding-top: 100px;
}
@media screen and (min-width:993px) {   
    .pd-pt-lg-100{
        padding-top: 100px;
    }
    .pd-pb-lg-100{
        padding-bottom: 100px;
    }
}
/* End general */

/* Start description */
.pd-description{
    background-image: url(/Content/Images/Intro/PD/intro_2_1_xl_pd.svg);
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center center;
}
.pd-description-bg{
    background-image: url(/Content/Images/Intro/PD/intro_2_2_xl_pd.svg);
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center center;
}
.pd-description-paragraph{
    font-size: 1.25rem;
}
@media screen and (max-width:992px) {
    .pd-description-bg{
        background-image: url(/Content/Images/Intro/PD/intro_2_2_lg_pd.svg);
    }
}
@media screen and (max-width:576px) {
    .pd-description-bg{
        background-image: url(/Content/Images/Intro/PD/intro_2_2_sm_pd.svg);
    }
    .pd-description-title{
        width:70%;
        margin: 0 auto;
    }
}
/* End description */

/* start analysis */
@media screen and (max-width:576px) {
    .pd-analysis-title, .pd-analysis-kid{
        width:70%;
        margin: 0 auto;
    }
    .pd-analysis-result{
        width:90%;
        margin: 0 auto;
    }
}
/* End analysis */

/* Start material */
.pd-material{
    background-color: #FFFFF4;
}
@media screen and (max-width:576px) {
    .pd-material-title-sm{
        width:70%;
        margin: 0 auto;
    }
    .pd-material-level, .pd-material-kid, .pd-material-theme{
        width:90%;
        margin: 0 auto;
    }
}
/* End material */

/* Start teacher */
@media screen and (max-width:576px) {
    .pd-teacher-title-sm{
        width:70%;
        margin: 0 auto;
    }
    .pd-teacher-tutor-1, .pd-teacher-tutor-2, .pd-teacher-tutor-3{
        width:60%;
        margin: 0 auto;
    }
    .pd-teacher-kid-sm{
        width:80%;
        margin: 0 auto;
    }
}
/* End teacher */

/* Start strategy */
.pd-strategy{
    background-image: url(/Content/Images/Intro/PD/intro_6_1_xl_pd.svg);
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center center;
}
@media screen and (max-width:992px) { 
    .pd-strategy{
        background-image: url(/Content/Images/Intro/PD/intro_6_1_lg_pd.svg);
    }
}
@media screen and (max-width:768px) { 
    .pd-strategy{
        background-image: url(/Content/Images/Intro/PD/intro_6_1_sm_pd.svg);
    }
}
@media screen and (max-width:576px) {
    .pd-strategy-title-sm{
        width:70%;
        margin: 0 auto;
    }
    .pd-strategy-feature{
        width:35%;
        margin: 0 auto;
    }
}
/* End strategy */

/* Start experience */
.experience .row {
    margin-right: 0px;
    margin-left: 0px;
}
.experience .col-inputs {
    height: 60px;
}
.experience .col-text {
    height: 40px;
}
.experience {
    background-image: url(/Content/Images/Intro/PD/intro_7_1_pd.png);
}
.experience .container {
    max-width: 600px;
    margin: 0 auto;
}
.experience .headline {
    font-size: 1.5rem;
    letter-spacing: 1px;
    color: #FFBF00;
}
.experience select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}
.experience input, .experience select {
    outline: 0;
    border-radius: 36px;
}
.experience button {
    background-color: #FBB03B;
    border-radius: 32px;
    font-size: 1.25rem;
    letter-spacing: 1px;
}
.experience button:focus{
    outline:0;
} 
.experience button[disabled] {
    background-color: #662D91;
}
.experience .error-msg {
    font-weight: 300;
    color: #FFFF99;
    font-size: 0.875rem;
}
@media screen and (max-width:576px) {
    .experience .headline {
        font-size: 1.125rem;
        letter-spacing: 0;
        font-weight: 500;
    }

    .experience .col-inputs {
        height: 90px;
    }

    .experience .col-text {
        height: 60px;
    }
    .experience button {
        font-weight: 500;
    }
}
/* End experience */