@media only screen and (max-width:350px) {
    .btn_abrir {
        bottom: 55px;
        right: 5px;
    }

    .page_title {
        position: relative;
        bottom: 20px;
        font-size: 16px;
    }

    .subtitulo {
        font-size: 12px;
        margin-left: 5px;
        top: -20px;
        position: relative;
    }
    #cdroazul,
    #cdroamarillo {
        background-color: transparent;
        margin: 10px;
        padding: 10px;
    } 
    .p1,
    .p2,
    .p3,
    .p4,
    .p5 {
        background-color: #BBDEFB;
        border-radius: 15px;
        padding: 10px;
        width: 100%;
        position: relative;
        right: 30px;

    }

    .p6,
    .p7,
    .p8,
    .p9,
    .p10,
    .p11 {
        background-color: #f8b822;
        border-radius: 15px;
        padding: 10px;
        width: 100%;
        position: relative;
        right: 30px;

    }

    .lista {
        background-color: pink;
        border-radius: 15px;
        padding: 0px;
        width: 90%;
        position: relative;
        left: 15px;
    }

    ol li {
        position: relative;
        right: 15px;
        color: rgb(78, 77, 77);
    }

    #cdroazul,
    #cdroamarillo {
        background-color: transparent;

    }
    .circle1,
    .circle3,
    .circle4,
    .circle1b,
    .circle3b,
    .circle6b {
        top: 30px;
        right: 1px;
    }

    .circle2,
    .circle5,
    .circle2b,
    .circle4b,
    .circle5b {
        top: 30px;
        right: 20px;
    }
 .social_link a{
        width: 45px;
        height: 45px;
        line-height: 45px;
        bottom: 5px; 
        font-size: 25px;   
    }
    .whatsapp{
    width: 60px !important;
    height: 60px !important;
    font-size: 30px !important;
    line-height: 60px !important;
}
}