/* RES phone */


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


    /* font sizes */

    H1
    {
    font-size: 22px ;
    }

    H2
    {
    font-size: 18px ;
    }

    H3
    {
    font-size: 21px ;
    }

    H4
    {
    font-size: 17px ;
    }

    H5
    {
    font-size: 16px ;
    }

    H6
    {
    font-size: 14px ;
    }

    H7
    {
    }
    
    H11, H12
    {

    }

    BODY
    {

    }

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

    H9
    {
    font-size: 15px ;
    }

    FOOTER
    {
    font-size: 15px ;
    }









    /* FRAME + CONTAINER */

    SECTION > DIV,
    FOOTER > DIV,
    HEADER > DIV > DIV
    {
    margin-left: 10% ;
    margin-right: 10% ;
    }

    SECTION > DIV
    {
    display: block ; 
    width: 80% ;
    }

    SECTION > DIV:nth-of-type(2)
    {
    width: 80% ;
    }

    SECTION.c1 > DIV
    {
    display: block ; 
    }

    SECTION.c1 > DIV,
    FOOTER > DIV
    {
    width: 80% ;
    }

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













    /* vertical */

    BODY
    {
    padding-top: 60px ;
    }

    .bmk 
    {
    top: -60px ;
    }

    HEADER > DIV
    {
    height: 60px ;
    }

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

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

    SECTION.link NAV,
    SECTION.intro-rel NAV
    {
    margin-top: 32px ;
    }






    



    /* HEADER */

    HEADER > DIV > DIV:nth-of-type(1) 
    {
    width: 45% ;
    margin-right: 0px ; 
    }

    HEADER > DIV > DIV:nth-of-type(2) 
    {
    width: 35% ;
    margin-left: 0px ; 
    }

    /* logo */

    #logo
    {
    margin-top: 14px ;
    font-size: 24px ;
    }

    #logo U
    {
    font-size: 14px ;
    }


    /* H navigatie */

    HEADER NAV 
    {
    margin-top: 10px;
    }

    HEADER NAV:nth-of-type(1)
    {
    display: none
    }

    HEADER NAV A::before 
    {
    display: none ;
    }

    HEADER NAV A:hover 
    {
    color: #ffffff ;
    }


    

    /* mob menu */

    HEADER NAV:nth-of-type(2)
    {
    display: inline-block ;
    }

    HEADER NAV:nth-of-type(2) A, 
    HEADER NAV:nth-of-type(2) A:link, 
    HEADER NAV:nth-of-type(2) A:active, 
    HEADER NAV:nth-of-type(2) A:visited, 
    HEADER NAV:nth-of-type(2) A:hover 
    {
    display: inline-block;
    margin-right: 0px ;
    padding-top: 8px ;
    padding-left: 9px ;
    padding-right: 9px ;
    padding-bottom: 8px ;
    font-size: 20px ;
    line-height: 22px ;
    }


















    
    /* SECTION TYPES */





    /* INTRO IMAGE */

    SECTION.intro-img 
    {
    height: calc(100vh - 60px) ;
    }

    SECTION.intro-img > DIV 
    {
    width: 38% ;
    margin-left: 0px ;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 32px ;
    padding-bottom: 32px;
    min-height: initial ;
    height: calc(100vh - 60px) ;
    }





    
    /* INTRO RELEASE */

    SECTION.intro-rel FIGURE
    {
    display: block ;
    position: initial ;
    margin-top: 32px ;
    margin-left: 0px ;
    width: 100% ;
    height: 30vh ;
    max-height: 300px ;
    padding-top: 0px ;
    }





    
    /* SEC COLOUR */

    SECTION.colour FIGURE
    {
    display: block ;
    position: inherit ;
    width: 80% ;
    margin-top: 10% ;
    margin-left: 10% ;
    height: 30vh ;
    }

    /*mirror */
    SECTION.colour.mirror > FIGURE
    {
    display: none ;
    }








    /* CALL TO ACTION */

    A.cta, 
    A.cta:link, 
    A.cta:active, 
    A.cta:visited, 
    A.cta:hover 
    {
    padding-left: 16px ;
    padding-right: 48px ;
    }


















    /* CONTENT CARD */

    A.cnt, 
    A.cnt:link, 
    A.cnt:active, 
    A.cnt:visited, 
    A.cnt:hover 
    {
    display: block;
    margin-right: 0px  ;
    margin-bottom: 16px ;
    width: auto ;
    }

    A.cnt H6, 
    A.cnt U 
    {
    display: none ;
    }
    
    A.cnt FIGURE 
    {
    padding-top: 40%;
    }
    
    A.cnt DIV, A.cnt U 
    {
    padding-top: 14px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 14px;
    }

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




    /* SUB PAGES OVERVIEW */

    .overview NAV 
    {
    margin-top: 32px;
    }

    .overview A
    {
    min-height: initial ;
    }

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

    .overview A DIV:nth-of-type(2)
    {
    padding-top: 12px ;
    padding-left: 16px ;
    padding-right: 16px ;
    padding-bottom: 12px ;
    font-size: 12px ;
    }
    
    .overview A B 
    {
    font-size: 17px ;
    }
    
    .overview A I 
    {
    font-size: 15px;
    }











    /* FOOTER */

    FOOTER > DIV > DIV
    {
    display: block ;
    padding-right: 0px ;
    padding-bottom: 32px ;
    }








} /* closing phone general */