#page-escola-atopia{
    
}

/* --------------- CSS header-lp --------------- */

#page-escola-atopia #header-lp{

}
#page-escola-atopia #header-lp .banner-header{

}
#page-escola-atopia #header-lp .banner-header img{

}


/* --------------- CSS content-escola --------------- */

#page-escola-atopia #content-escola{
    
}
#page-escola-atopia #content-escola .two-col-escola{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
#page-escola-atopia #content-escola .two-col-escola .escola-col-dir{
    max-width: 50%;
}
#page-escola-atopia #content-escola .two-col-escola .escola-col-dir .text-escola{
    padding-top: 15px;
}
#page-escola-atopia #content-escola .two-col-escola .escola-col-esq{

}
#page-escola-atopia #content-escola .video-escola{
    display: flex;
    justify-content: center;
    margin-top: 40px;
    padding: 20px;
}
#page-escola-atopia #content-escola .video-escola iframe{
    width: 720px;
    height: 405px;
}


/* --------------- CSS content-escola-lrp --------------- */


#page-escola-atopia #content-escola-lrp{
    display: flex;
    margin: 30px 0;
}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-esq .logo-lrp{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-esq .logo-lrp img{
    max-width: 270px;
}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-esq .item-escola{

}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-esq .item-escola .title-item{
    font-size: 20px;
    font-weight: 600;
}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-esq .item-escola .desc-item{
    margin-top: 0;
    color: #009ee2;
    font-weight: 400;
}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-esq .item-escola hr{
    border: 1px solid #009ee2;
    border-radius: 5px;
    margin-bottom: 25px;
}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-dir{
    max-width: 60%;
}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-dir p{

}
#page-escola-atopia #content-escola-lrp .escola-lrp-col-dir p span{
    font-weight: 700;
}


/* --------------- CSS content-mascotes --------------- */


#page-escola-atopia #content-mascotes{
    padding: 30px 0;
}
#page-escola-atopia #content-mascotes h2{
    text-align: center;
}
#page-escola-atopia #content-mascotes .mascotes-two-col{
    display: flex;
    padding-top: 20px;
}
#page-escola-atopia #content-mascotes .mascotes-two-col .mascotes-col-esq{
    width: 40%;
    display: flex;
    justify-content: center;
}
#page-escola-atopia #content-mascotes .mascotes-two-col .mascotes-col-esq img{
    max-width: 250px;
}
#page-escola-atopia #content-mascotes .mascotes-two-col .mascotes-col-dir{
    width: 60%;
    padding: 80px 130px 40px 0;
}
#page-escola-atopia #content-mascotes .mascotes-two-col .mascotes-col-dir p{
    font-size: 22px;
}
#page-escola-atopia #content-mascotes .title-download{
    margin: 30px;
    font-weight: 700;
}
#page-escola-atopia #content-mascotes .two-col-download{
    display: flex;
    justify-content: center;
}
#page-escola-atopia #content-mascotes .two-col-download .bloc-download{
    max-width: 50%;
    padding: 0 50px;
}
#page-escola-atopia #content-mascotes .two-col-download .bloc-download a{

}
#page-escola-atopia #content-mascotes .two-col-download .bloc-download a img{
    border: solid;
}


@media (max-width:768px){

    #page-escola-atopia #content-escola .two-col-escola{
        display: block;
    }
    #page-escola-atopia #content-escola .two-col-escola .escola-col-dir{
        max-width: 100%;
    }
    #page-escola-atopia #content-escola .video-escola{
        padding: 20px 0;
    }
    #page-escola-atopia #content-escola .video-escola iframe{
        width: 356px;
        height: 200px;
    }
    #page-escola-atopia #content-escola-lrp{
        display: block;
        margin: 20px 0;
    }
    #page-escola-atopia #content-escola-lrp .escola-lrp-col-esq img{
        padding: 20px 50px;
    }
    #page-escola-atopia #content-escola-lrp .escola-lrp-col-dir{
        max-width: 100%;
    }
    #page-escola-atopia #content-mascotes .mascotes-two-col{
        display: block;
    }
    #page-escola-atopia #content-mascotes .title-download p{
        text-align: center;
        padding: 0;
    }
    #page-escola-atopia #content-mascotes .two-col-download{
        display: block;
    }
    #page-escola-atopia #content-mascotes .two-col-download .bloc-download{
        max-width: 100%;
        padding: 10px 40px;
    }
    #page-escola-atopia #content-mascotes .mascotes-two-col .mascotes-col-esq{
        width: 100%;
    }
    #page-escola-atopia #content-mascotes .mascotes-two-col .mascotes-col-dir{
        width: 100%;
        padding: 0;
    }
    #page-escola-atopia #content-mascotes .mascotes-two-col .mascotes-col-dir p{
        text-align: center;
    }
    
}

@media (max-width:480px){
    #page-escola-atopia #content-escola .video-escola iframe{
        width: 560px;
        height: 315px;
    }
}