body {margin:0;padding:0;}
	a:link, a:visited {margin:0;padding:0;}
	a:hover, a:active {margin:0;padding:0;}
 	h1 {
 		margin:144px 0 6px 8px;
 		font: 32px/38px 'Open Sans', helvetica, arial, sans-serif;
 		color:#fff;

/* 		margin:210px 0 0 10px;
 		font: 24px/24px 'Open Sans', helvetica, arial, sans-serif;
 		color:#fff;*/
	}
	.title-tile {
		margin:0 4px 4px 0;
 		padding:0;
 		display:block; 
		width:200px;
 		height:267px; 
 		float:left;
 		/*border-right: 4px solid white;
 		border-bottom: 4px solid white;*/
 		background: rgb(0, 0, 255);
	    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(0, 0, 255)), to(rgb(0, 0, 225))); /* from(rgb(205, 205, 205)), to(rgb(190, 190, 190))); from(rgb(255, 255, 0)), to(rgb(245, 245, 0);   */
	    background: -webkit-radial-gradient(rgb(0, 0, 255), rgb(0, 0, 225));
	    background:    -moz-radial-gradient(rgb(0, 0, 255), rgb(0, 0, 225));
	    background:     -ms-radial-gradient(rgb(0, 0, 255), rgb(0, 0, 225));
	    background:      -o-radial-gradient(rgb(0, 0, 255), rgb(0, 0, 225));
	    background:         radial-gradient(rgb(0, 0, 255), rgb(0, 0, 225));
	    overflow:hidden;  
	}

	.fixed {position:fixed;
			top:0;
			left:0;
		}

	.end {
		float:none;
		margin:0;
 		padding:0;
		display: inline-block;
		width:200px;
 		height:267px;
 		/*background: rgb(0, 0, 0);*/
	}	

	.end p {

		margin:123px 12px 6px 8px;
 		font: 16px/22px 'Open Sans', helvetica, arial, sans-serif;
 		color:#fff;
	}

	/* ------ 0 ------ */
	@media all and ( max-width: 1644px ){

		.gp {width:1634px;}
		/*body {background-color: green;}*/

	}

	/* ------ 1 ------ */
	@media all and ( max-width: 1442px ){

		.gp {width:1442px;}
		/*body {background-color: yellow;}*/

	}


	/* ------ 2 ------ */
	@media all and ( max-width: 1240px ){

		.gp {width:1240px;}
		/*body {background-color: blue;}*/

	}

	/* ------ Ipads ------ */
	@media all and ( max-width: 1040px ){

		.gp {width:1040px;}
		/*body {background-color: red;}*/

	}

	/* ------ 3 ------ */
	@media all and ( max-width: 840px ){

		.gp {width:840px;}
		/*body {background-color: purple;}*/

	}

	/* ------ 4 ------ */
	@media all and ( max-width: 627px ){

		.gp {width:630px;}
		/*body {background-color: pink;}*/

	}

	/* ------ Smartphone ( landscape ) ------ */
	@media all and ( max-width: 425px ){

		.gp {width:408px;}
		/*body {background-color: teal;}*/


	}
	/* ------ Smartphone ( portrait ) ------ */
	@media all and ( max-width: 320px ){

	    .gp {width:408px;}
		/*body {background-color: black;}*/

	}