/**
 * OFFLINE MAINTENANCE MODE
 * ----------------------------------------------------------------------------
 */
 
body {
	 background-color: white;
	 font-family: 'Avenir Next', 'Helvetica-Neue', sans-serif;
	 font-weight: 500;
	 font-size: 16px;    
   }

#logoblock{
	margin: 120px 0 10px 0;
	padding: 15%;
}

#logotxt{
	margin: 0;
	padding: 2% 15% 2% 15%;
}

#offline h1 {
	text-align: center;
	color: rgb(70, 70, 70);
	padding: 0;
	font-size: 1.5em;
}

#offline p {
	text-align: center;
	color: black;
	font-size: 1em;
	font-style: italic;
}

#einmaleins {
	background-color: black;
	text-align: left;
	margin: 120px 0 0 0;
	padding: 5px 0 5px 0;
	color: white;
}

#einmaleins img{
	width: 20%;
	padding-top: 4px;
	float: right;
}

#einmaleins small{
	font-size: 10px;	
	font-weight: 900;
}

	

/* MEDIA QUERIES */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For iPad portrait layouts only */


	
		
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For iPad landscape layouts only */

	

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {   
/* For iPhone portrait layouts only */ 




@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
  /* For iPhone landscape layouts only */



}