/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .cuadro{
        display: none
    }
    h1, h2, h3, h4{font-weight: bold !important}
    .center_flex>div img{
        max-width: 50%;
        margin: auto;
        display: block;
        float: none;
        margin-bottom: 40px;
    }
    .center_flex>div{
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
    }
    .center_flex{
        display: block !important
    }
    .tobtn a{
        display: inline-block !important
    }
    h4{font-size: 18px !important;margin-bottom: 0 !important}
    .col-md-4 aside h4{margin-bottom: 0px !important;display: block;font-size: 12px !important;line-height: 1 !important;font-weight: bold !important}
    .col-md-4 aside h3{margin-bottom: 10px !important;display: block;font-size: 20px !important}
    .col-md-4 aside{
        display: block !important
    }
    .mt0{margin-top: 0 !important}
}




/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    h1, h2, h3, h4{font-weight: bold !important;line-height: 1 !important;margin-bottom: 0 !important}
    h1{font-size: 27px !important;margin-bottom: 20px !important}
    h4{margin-bottom: 10px !important}
    h3{margin-bottom: 20px !important}
    .col-md-4 aside h4{margin-bottom: 10px !important;display: block;font-size: 12px !important;line-height: 1 !important;font-weight: bold !important}
    .col-md-4 aside h3{margin-bottom: 10px !important;display: block;font-size: 20px !important}
    .col-md-4 aside{
        display: block !important
    }
}