/* RES tablet ALL */


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


    /* font sizes */

    H1
    {
    font-size: 30px ;
    }

    H2
    {
    font-size: 20px ;
    }

    H3
    {
    font-size: 26px ;
    }

    H4
    {
    font-size: 18px ;
    }

    H5
    {
    font-size: 20px ;
    }

    H6
    {
    font-size: 17px ;
    }

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

    BODY
    {

    }

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


    


    /* HEADER */

    HEADER > DIV > DIV:nth-of-type(1) 
    {
    width: 25% ;
    }

    HEADER > DIV > DIV:nth-of-type(2) 
    {
    width: 45% ;
    }


    /* logo */

    #logo
    {
    margin-top: 28px ;
    font-size: 33px ;
    }

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


    /* H navigatie */

    HEADER NAV
    {
    }

    HEADER NAV A, HEADER NAV A:link, HEADER NAV A:active, HEADER NAV A:visited, HEADER NAV A:hover 
    {
    }


    HEADER NAV A:nth-of-type(1),
    HEADER NAV A:nth-of-type(2)
    {
    display: none ;
    }
    HEADER NAV A:nth-of-type(3)
    {
    display: inline-block  ;
    }







    /* FRAME + CONTAINER */

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

    SECTION.colour.c1 > DIV > DIV P 
    {
    display: block ;
    margin-top: 32px;
    }








    /* SECTION TYPES */


    SECTION.intro-img > DIV 
    {
    width: 26% ;
    min-height: initial ;
    }






    /* 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 ;
    }











    /* SUB PAGES OVERVIEW */

    .overview A 
    {
    width: 100% ;
    margin-right: 0px ;
    min-width: initial ;
    }

    .overview A DIV:nth-of-type(1) 
    {
    width: 25%;
    }
    
    
    
    
    
    
        
    
    
    
    
    /* CTA PRESSING */
    
    A.pressing, 
    A.pressing:link, 
    A.pressing:active, 
    A.pressing:visited, 
    A.pressing:hover 
    {
    display: block ;
    width: auto;
    }
    
    A.pressing DIV
    {
    display: block ;
    width: auto;
    }
    
    A.pressing DIV:nth-of-type(2)
    {
    padding-top: 0px ;
    padding-left: 50px ;
    }

    
    






}