body {background:url(img/bg.png); font-family:eurofurence_regular; font-size: 30px; color: #ffffff;}
    .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.header { background:url(img/head_960.png) 50% 0% no-repeat transparent; height: 248px; }


  
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container  { width: 768px; }
		.header { background:url(img/head_768.png) 50% 0% no-repeat; height: 198px; }
		body {font-size: 26px;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
		.header { background:url(img/head_300.png) 50% 0% no-repeat; height: 77px; }
		body {font-size: 18px;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
		.header { background:url(img/head_420.png) 50% 0% no-repeat; height: 108px; }
		body {font-size: 22px;}
        
    }