/* Desktop */

/*

	1280 * 720

*/

* {
	font-family: "Verdana", "Geneva", sans-serif;
	font-size: 1em;
}

.bold {
	font-weight: bold;
}

.margin {
	margin-bottom: 10px;
}

.header {
	margin-top: 20px;
	font-weight: bold;
	padding: 6px 0 6px 0;
	background-color: #66afe9;
}

#background {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}

/* iPad  */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape){
	#mediaRules:before{
		content: "iPad landscape";
	}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait){
	#mediaRules:before{
		content: "iPad portrait";
	}
}

/* Retina iPad  */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2){
	#mediaRules:before{
		content: "Retina landscape ";
	}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2){
	#mediaRules:before{
		content: "Retina iPad portrait";
	}
}

/* iPad mini  */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1){
	#mediaRules:before{
		content: "iPad mini landscape";
	}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1){
	#mediaRules:before{
		content: "iPad mini portrait";
	}
}

/* iPhone 2G-4S  */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: landscape){
	#mediaRules:before{
		content: "iPhone 2G-4S landscape";
	}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: portrait){
	#mediaRules:before{
		content: "iPhone 2G-4S portrait";
	}
}

/* iPhone 5 & 5S */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: landscape){
	#mediaRules:before{
		content: "iPhone 5 & 5S landscape";
	}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: portrait){
	#mediaRules:before{
		content: "iPhone 5 & 5S portrait";
	}
}

/* iPhone 6 Plus */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: landscape){
	#mediaRules:before{
		content: "iPhone 6 Plus landscape";
	}
}

@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: portrait){
	#mediaRules:before{
		content: "iPhone 6 Plus portrait";
	}
}