/* RES tablet ALL */


@media only screen and (max-width: 980px)
{


    /* font sizes */

    H1
    {
    font-size: 30px !important ;
    }

    H2
    {
    font-size: 20px ;
    }

    H3
    {
    font-size: 28px ;
    }

    H4
    {
    font-size: 18px ;
    }

    H5, H15
    {
    font-size: 24px ;
    }

    H6, H16
    {
    font-size: 15px ;
    }

    H7
    {
    font-size: 18px ;
    }

    H8
    {
    font-size: 14px ;
    }

    H11, H12
    {
    font-size: 15px;
    }

    H10
    {
    font-size:  10px ;
    }

    BODY
    {
    font-size: 16px;
    }

    .tbl
    {
    font-size: 14px;
    }

    SECTION.quote blockquote
    {
    font-size: 22px ;
    }

    SECTION.quote blockquote I
    {
    font-size: 16px ;
    }

    A.cnt U 
    {
    font-size: 18px ;
    }


    







    /* FRAME + CONTAINER */

    SECTION.colour.c1 > DIV > DIV 
    {
    column-count: 1 ;
    }

    SECTION.colour.c1 > DIV > DIV P 
    {
    }








    /* SECTION TYPES */


    /* INTRO */

    SECTION.intro-img
    {
    min-height: initial ;
    }

    SECTION.intro-img FIGURE
    {
    background-size: cover ;
    }

    .logo-intro
    {
    width: 138px ;
    height: 56px ;
    }


    /* INTRO SMALL */

    SECTION.intro-sml > DIV:nth-of-type(1)
    {
    width: 55% ;
    }

    SECTION.intro-sml > DIV:nth-of-type(2)
    {
    width: 20% ;
    }








    /* SEC PHOTO */

    SECTION.photo
    {
    min-height: 30vh ;
    }

    SECTION.photo > DIV
    {
    margin-bottom: 0px ;
    }









    /* SEC QUOTE */

    SECTION.quote blockquote::before,
    SECTION.quote blockquote::after
    {
    font-size: 50px ;
    }

    SECTION.quote-dark blockquote::before
    {
    top: -16px ;
    left: -61px ;
    }

    SECTION.quote-light blockquote::before
    {
    top: -33px ;
    }

    SECTION.quote-light blockquote::after
    {
    bottom: -33px ;
    }





    



    /* SEC GRAPHIC */

    SECTION.graphic IMG
    {
    width: 80% ;
    }






    /* SEC TABLE */

    .tbl > DIV > DIV
    {
    padding-top: 6px ;
    padding-left: 10px ;
    padding-right: 13px ;
    padding-bottom: 6px ;
    }

    .tbl > DIV > DIV::after
    {
    width: 3px ;
    }








    /* SUB PAGES OVERVIEW */
    
    .overview NAV
    {
    }

    .overview NAV A 
    {
    width: 100% ;
    margin-right: 0px ;
    min-width: initial ;
    min-height: 150px ;
    }
    
    .overview NAV A DIV:nth-of-type(1) 
    {
    width: 20% ;
    }













    /* CONTENT CARD */

    A.cnt, A.cnt:link, A.cnt:active, A.cnt:visited, A.cnt:hover 
    {
    margin-right: 10%;
    width: 45%;
    }

    A.cnt:last-of-type
    {
    margin-right: 0px;
    }

    A.cnt DIV, A.cnt U 
    {
    padding: 30px;
    }

    A.cnt U::after
    {
    top: 30px ;
    right: 30px ;
    width: 50px ;
    font-size: 30px ;
    }












}