/* RES small screen */


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


    /* font sizes */

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

    H2
    {
    font-size: 21px ;
    }

    H3
    {
    font-size: 32px ;
    }

    H4 
    {
    font-size: 20px ;
    }

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

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

    H7
    {
    font-size: 20px ;
    }

    H8
    {
    font-size: 15px ;
    }

    H10
    {
    font-size: 11px ;
    letter-spacing: 1.5px;
    }

    BODY
    {
    font-size: 16px;
    }

    .tbl
    {
    font-size: 15px;
    }

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

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

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











    /* vertical */

    SECTION, FOOTER
    {
    padding-top: 64px ;
    padding-bottom: 64px ;
    }

    P, UL, OL, .mt, SECTION.colour.c1 > DIV > DIV, A.cta, SECTION NAV
    {
    margin-top: 32px ;
    }






    /* SECTION TYPES */



    /* INTRO */

    .logo-intro
    {
    width: 155px ;
    height: 63px ;
    }




    /* SEC QUOTE */

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

    SECTION.quote-dark blockquote::before
    {
    top: -21px ;
    left: -68px ;
    }

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

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

    SECTION.quote-light blockquote
    {
    padding-top: 5% ;
    padding-bottom: 5% ;
    }




    /* SEC ATTENTION */

    SECTION.attention H3, 
    SECTION.attention H5 
    {
    top: -16px ;
    }

    SECTION.attention P,
    SECTION.attention UL
    {
    margin-top: 45px ;
    margin-left: 30px ;
    margin-right: 30px ;
    margin-bottom: 30px ;
    }

    SECTION.attention.att-nh SPAN P,
    SECTION.attention.att-nh SPAN UL
    {
    margin-top: 32px ;
    }






    /* SEC TRILOGY */
    
    SECTION.trilogy > DIV > DIV:first-of-type
    {
    padding-left: 0px ;
    }

    SECTION.trilogy > DIV > DIV:last-of-type
    {
    padding-right: 0px ;
    }








    /* SUB PAGES OVERVIEW */

    .overview NAV A
    {
    width: 46.5% ;
    min-height: 240px ;
    }

    .overview NAV A DIV:nth-of-type(1)
    {
    width: 36% ;
    }



}