/*
 * GERAL
 *
 */
 #row-pc {
        display: block;
    }
    #row-mobile {
        display: none;
    }
    .container {
        display:table;
    }
 
 
/*
 * CSS
 * EDUCACAO PERSONALIZADA
 * INICIO
 */
    .a-right-edp {
        display:table-footer-group;
        margin-top:  2% !important;
    }
    .a-left-edp {
        display:table-header-group;
        position: relative;
        right: 60px !important;
        left: 40px !important;
    }
    
    .a-right-bg-edp {
        display:table-header-group;
        margin-top:  5% !important;
    }
    .a-left-bg-edp {
        display:table-footer-group;
        position: relative !important;
        right: 60px !important;
        margin-top:  40px !important;
        left: 40px !important;
    }
    .img-style-edp {
        text-align: center !important;
        top: 0px !important;
        position: relative !important;
    }
    .title-edp {
        margin-top: 20px !important;
        color: #204795 !important; 
        font-weight: bold !important; 
        line-height: 36px !important; 
        font-size: 30px !important;
        padding-bottom: 10px !important;
        margin-right: 120px !important;
    }
    .content-edp {
        color: #204795 !important; 
        font-weight: normal !important; 
        line-height: 20.4px !important; 
        font-size: 17px !important; 
        margin-right: 120px !important;
        margin-bottom: 15% !important;
    }
    .bg-img-edp {
        background-repeat: repeat-x;
        background-size: contain; 
        height: auto; 
        background-position: center;
    }
    .img-width-edp {
        width: 400px !important;
        height: auto !important;
    }
    .mobile-container-edp {
        margin-bottom: 0px !important;
    }
    
@media only screen and (max-width: 1024px) and (min-width: 300px) {
    
    .mobile-container-edp {
        margin-bottom: 40px !important;
    }
    .title-edp {
        width: auto !important;
        margin-left: 10px !important;
        margin-right: 20px !important;
    }
    
    .content-edp {
        margin-bottom: 1% !important;
        margin-right: 20px !important;
        margin-left: 10px !important;
    }
    
    .bg-img-edp {
        background-repeat: repeat;
        background-size: cover; 
        height: auto; 
        background-position: center;
    }
    
    .a-left-edp {
        right: 0px !important;
        left: 0px !important;
    }
    
    .a-right-edp {
        display:table-footer-group;
        margin-top: 0px !important;
        top: 0px !important;
    }
    
    .a-right-bg-edp {
        display:table-footer-group;
        margin-top:  1px !important;
    }
    .a-left-bg-edp {
        display:table-header-group;
        position: relative;
        right: 0px !important;
        margin-top:  0px !important;
        margin-left: 10px !important;
        left: 0px !important;
    }
    .img-width-edp {
        width: 300px !important;
        height: auto;
    }
    
}

/*
 * CSS
 * EDUCACAO PERSONALIZADA
 * FIM
 */
 
 /*
 * CSS
 * PRINCIPIOS PEDAGOGICOS
 * INICIO
 */
    
    .a-right-pp {
        display:table-footer-group;
        margin-top:  2% !important;
    }
    .a-left-pp {
        display:table-header-group;
        position: relative;
        right: 60px !important;
        left: 40px !important;
        margin-top: 5% !important;
    }
    
    .a-right-bg-pp {
        display:table-header-group;
        margin-top:  5% !important;
    }
    .a-left-bg-pp {
        display:table-footer-group;
        position: relative !important;
        right: 60px !important;
        margin-top:  40px !important;
        left: 40px !important;
    }
    .img-style-pp {
        width: 100% !important;
        height: 250px !important;
        display:inline-block !important;
        position: relative !important;
    }
    .img-style-pp img {
        position: absolute !important;
        top: 50% !important; 
        left: 50%!important;
        transform: translate(-50%, -50%) !important;
    }
    .title-pp {
        padding-top: 10px!important;
        color: #204795!important; 
        font-weight: bold!important; 
        line-height: 36px!important; 
        font-size: 30px!important; 
        margin-right: 120px !important;
    }
    .content-pp {
        color: #204795 !important; 
        font-weight: normal !important; 
        line-height: 20.4px !important; 
        font-size: 17px !important;
        margin-right: 85px !important;
        margin-bottom: 8% !important;
    }
    .bg-img-pp {
        background-repeat: repeat-x;
        background-size: contain; 
        height: auto; 
        background-position: center;
    }
    .img-width-pp {
        width: auto;
        height: auto;
    }
    
@media only screen and (max-width: 1024px) and (min-width: 300px) {
    #row-pc {
        display: none;
    }
    #row-mobile {
        display: inherit;
    }
    .title-pp {
        width: auto !important;
        margin-left: 10px !important;
        margin-right: 20px !important;
        margin-top: 40px !important;
        padding-bottom: 20px !important;
    }
    
    .content-pp {
        margin-bottom: 1% !important;
        margin-right: 20px !important;
        margin-left: 10px !important;
    }
    
    .bg-img-pp {
        background-repeat: repeat;
        background-size: cover; 
        height: auto; 
        background-position: center;
    }
    
    .a-left-pp {
        right: 0px !important;
        left: 0px !important;
    }
    
    .a-right-pp {
        display:table-footer-group;
        margin-top: 0px !important;
        top: 0px !important;
    }
    
    .a-right-bg-pp {
        display:table-footer-group;
        margin-top:  1px !important;
        top: 0px !important;
    }
    .a-left-bg-pp {
        display:table-header-group;
        position: relative;
        right: 0px !important;
        margin-top:  0px !important;
        margin-left: 10px !important;
        left: 0px !important;
    }
    .img-width-pp {
        width: auto;
        height: auto;
    }
    .container {
        margin-bottom: 0px;
    }
    
}

/*
 * CSS
 * PRINCIPIOS PEDAGOGICOS
 * FIM
 */

.edp-element-img {
    text-align: center;
    position: relative;
    right: 60px;
}

.edp-element-img-d {
    text-align: center;
    position: relative;
    right: 70px;
}

.edp-element-title {
    color: #204795; 
    font-weight: bold; 
    line-height: 36px; 
    font-size: 30px; 
    padding-bottom: 20px;  
    margin-right: 190px;
}

.edp-element-content {
    color: #204795 !important; 
    font-weight: normal; 
    line-height: 20.4px; 
    font-size: 17px; 
    margin-right: 120px;
}

.top-title-ep {
    top: 60px;
}

.top-title-img {
    top: 45px;
}

.top-title-img-pp {
    top: 120px;
}

@media(max-width: 480px) {
    .top-title-hr {
        width: 440px;
    }
    
    .edp-element-img  {
        right: 10px;
        top: -10px;
    }
    
    .edp-element-img-d {
        right: 10px;
        left: 0px;
        
    }
    
    .edp-element-title {
        margin-right: 0px;
        text-align: center;
    }
    
    .edp-element-content {
        margin-right: 80px;
    }
    
}
@media(min-width: 1920px) {
    .img-resolu {
        height: 500px !important;
        background-position: center center !important;
    }
    
    .top-title-img-pp {
        top: 70px;
    }
    
    .top-title-ep {
        top: 20px;
    }
    
    .top-title-img {
        top: 1px;
    }
}
@media(min-width: 1700px) {
    .top-title-ep {
        top: 20px;
    }
    
    .top-title-img-pp {
        top: 70px;
    }
    
    .top-title-img {
        top: 1px;
    }
    
    .img-resolu {
        height: 500px !important;
        background-position: center center !important;
    }
    .pp-img-resolu {
        height: 500px !important;
        background-position: center center !important;
    }
    .resolution-top-space {
        top: 60px;
    }
    .p-img-resolu {
        height: 720px !important;
        background-position: center center !important;
    }
    .p-resolution-top-space {
        top: 80px;
    }
}