@font-face {
	font-family: 'TheSans';
	src: url('../font/TheSansB_500_.eot'); /* IE9 Compat Modes */
	src: url('../font/TheSansB_500_.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/TheSansB_500_.woff') format('woff'), /* Pretty Modern Browsers */
	url('../font/TheSansB_500_.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../font/TheSansB_500_.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body
{
	background : url('../images/bg.png');
	margin : 0px;
}

.message
{
	font-family: TheSans;
}

.logo
{
	background-color : #003B6C;
	background-color : #003B6C;
}

.jop
{
	background : url('../images/Artboard.png');
	background-repeat : no-repeat;
	background-position : right bottom;
	position: absolute;
	width : 40%;
	top : 0px;
	bottom : 0px;
	right :  0px;
}

/**
 * width < 600px
 * Phone portait, small phone landscape.
 */
@media all and (max-width:  599px) and (orientation: portrait), (max-width:  799px) and (orientation: landscape)
{
	.jop
	{
		background-image : none;
		position: absolute;
		top : 20px;
		height : 100%;
		width : 20%;
		right :  0px;
	}
}