/*
================================================================================
|                          Ravi Kirin Kaur ipad.css                           |
================================================================================
*/

body { 

}



.logo {
	height:144px !important;
}

#footer_container {
    height:65px;
}

h1 {font-size: 1.1em;}
h2 {font-size: 1.0em;}
h3 {font-size: 13px;}
h4 {font-size: 1.0em;}
p {	font-size: 1.1em;}
p.kontakt {	font-size: 1.1em;}

nav a {  font-size: 15px !important;}

.home {	padding:27% 0 0 0; }
.impressum{
	height:100%;
	width: 100%;	
	text-align: center;
	position: absolute;
	padding:27% 0 0 0; margin:0;
}
.philosophie {	padding:16% 0 0 0; }
.kompetenz {	padding:14% 0 0 0; }
.kontakt {	padding:25% 0 0 0; }

#content2 {height: auto !important;	height: 600px;}
#content {background-image: url(./images/bg_2000_ipad_2000.jpg);background-size:100%;}
#content3 {background-image: url(./images/bg_2000_ipad_2000.jpg);background-size:100%;}
#content5 {background-image: url(./images/bg_2000_ipad_2000.jpg);background-size:100%;}
#content8 {background-image: url(./images/bg_2000_ipad_2000.jpg);background-size:100%;}

.image {width: 100%;}


/* Hochformat */
@media only screen and (max-device-width: 1024px) and (orientation : portrait) { 
.home {	padding:31% 0 0 0; }
.philosophie {	padding:22% 0 0 0; }
.kompetenz {	padding:22% 0 0 0; }
.kontakt {	padding:25% 0 0 0; }
#content {  	min-height: 550px;  	height: auto !important;  	height: 550px;  background-size: cover !important;}
#content3 {  	min-height: 550px;  	height: auto !important;  	height: 550px;  background-size: cover !important;}
#content5 {  	min-height: 550px;  	height: auto !important;  	height: 550px;  background-size: cover !important;}
#content8 {  	min-height: 850px;  	height: auto !important;  	height: 850px;  background-size: cover !important;}
#RaviKirinKaur {  height:400px !important; }
}


/*Retina quer*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 	
	nav ul {width: 650px !important;}
	nav li {padding: 11px 21px 0 21px !important;}
	#content7 {    height:500px !important;}
	#RaviKirinKaur {  height:500px !important; }
	#header_container {   height:144px !important; background-image: url(./images/bg_header_2000_ipad.jpg);    background-size:100%;}
}

/*Retina hoch*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
		width: 100% !important;
	}
	nav li {
  		width: 100%;
		margin: auto;
		padding:15px 0 15px 0px !important;
		background-color: #796F61;
  	}
	nav a#pull {
		display: block !important;
		background-color: #796F61;
		width: 25%;
		margin: auto;
		position: relative;
		padding-left:0px;
		color:#FABB00;
		height:30px;
	}
	nav a#pull:after {
		content:"";
		background: url('menuicon.png') no-repeat;
		background-position: 2px 6px;
		width: 30px;
		height: 40px;
		display: inline-block !important;
		position: absolute;
		width: 50%;
		margin: auto;
		top: 10px;
		left:0px;
		color:#fabb00;
	}
	#footer_container {
    position: fixed;
    top: 140px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    height: 40px;
    z-index: 5;
	}
	
	#content7 {    height:500px !important;}
	#RaviKirinKaur {  height:500px !important; }
	
	#header_container {   height:144px !important; background-image: url(./images/bg_header_2000_ipad.jpg); background-size:100%;}
	
}