/*
========================================================
 VOLTCORE AFRICA
 MOBILE READABILITY BOOST
 DESKTOP IS NOT CHANGED
========================================================
*/


/* ======================================================
   PHONES
====================================================== */

@media (max-width: 699px) {

    html,
    body {

        width:100% !important;

        max-width:100% !important;

        min-width:0 !important;

        margin:0 !important;

        padding:0 !important;

        overflow-x:hidden !important;

    }


    /*
       Increase the website itself to 115%.

       Chrome remains at 100%.
    */

    main {

        zoom:1.15 !important;

        width:
            86.9565% !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

    }


    /*
       Keep images responsive.
    */

    main img {

        max-width:
            100% !important;

        height:
            auto !important;

    }


    /*
       Make text slightly larger as well.
    */

    main p {

        font-size:
            1.02em !important;

        line-height:
            1.55 !important;

    }


    main h1 {

        line-height:
            1 !important;

    }


    main h2 {

        line-height:
            1.08 !important;

    }


    main h3 {

        line-height:
            1.2 !important;

    }


    /*
       Buttons need to remain easy to tap.
    */

    main button,
    main .btn,
    main .button,
    main .cta {

        min-height:
            44px !important;

    }

}


/* ======================================================
   SMALL PHONES
====================================================== */

@media (max-width:480px) {

    main {

        zoom:1.15 !important;

        width:
            86.9565% !important;

    }

}


/* ======================================================
   VERY SMALL PHONES
====================================================== */

@media (max-width:360px) {

    main {

        zoom:1.12 !important;

        width:
            89.2857% !important;

    }

}