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

body { 
	background-image: none !important;
}

#header_container {
    height:144px;
}

.logo {
	height:144px !important;
}

#footer_container {
    height:40px !important;
}

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:25% 0 0 0; }
.philosophie {	padding:15% 0 0 0; }
.kompetenz {	padding:12% 0 0 0; }
.kontakt {	padding:22% 0 0 0; }

#content2 {min-height: 20px; height: auto !important; height: 20px;}
.image {width: 100%;}

/* Hochformat */
@media only screen and (max-device-width: 1024px) and (orientation : portrait) { 
.home {	padding:67% 0 0 0; }
.impressum{
	height:100%;
	width: 100%;	
	text-align: center;
	position: absolute;
	padding:50% 0 0 0; margin:0;
}
.philosophie {	padding:50% 0 0 0; }
.kompetenz {	padding:50% 0 0 0; }
.kontakt {	padding:80% 0 0 0; height:60% !important}
#header_container {	background-image:url(./images/bg_header_2000_ipad.jpg);background-size:cover !important;}
#content {height:900px !important;background-image: url(./images/bg_2000_ipad.jpg);background-size:cover !important;}
#content3 {height:900px !important; background-image: url(./images/bg_2000_ipad.jpg);background-size:cover !important;}
#content5 {height:900px !important;background-image: url(./images/bg_2000_ipad.jpg);background-size:cover !important;}
#content8 {height:900px !important;background-image: url(./images/bg_2000_ipad.jpg);background-size:cover !important;}
#content7 {    height:450px !important;}
#RaviKirinKaur {  height:350px !important; padding-top:150px; }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
	
	#footer_container {    height: 40px !important; }
}

/* iphone 6 landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	#header_container { height: 100px !important; background-image: url(./images/bg_header_2000_ipad.jpg); background-size: 100%;}	
	#logo { height: 100px !important;}	
	.logo {    height: 100px !important;}
	nav {
		border-bottom: 0;
	}
	nav a { line-height:39px !important;}
	nav ul {
		display: none;
		height: auto;
		width: 100% !important;
	}
	nav li {
  		width: 100%;
		margin: auto;
		padding:0 !important;
		background-color: #796F61;
  	}
  	nav li a { padding: 3px 0 3px 0 !important;}
	nav a#pull {
		display: block !important;
		background-color: #796F61;
		width: 22%;
		margin: auto;
		position: relative;
		padding-left:15px;
		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: 100px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    height: 40px;
    z-index: 5;
	}
	
	.home {	padding:23% 0 0 0; }
	.philosophie {	padding:20% 0 0 0; }
	.kompetenz {	padding:20% 0 0 0; }
	.kontakt {	padding:25% 0 0 0; }
	#content {height:400px !important;}
	#content7 {    height:350px !important;}
	#RaviKirinKaur {  height:350px !important; }
}


/* iphone 5 landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	#header_container { height: 100px !important; background-image: url(./images/bg_header_2000_ipad.jpg); background-size: 100%;}	
	#logo { height: 100px !important;}	
	.logo {    height: 100px !important;}
	nav {
		border-bottom: 0;
	}
	nav a { line-height:39px !important;}
	nav ul {
		display: none;
		height: auto;
		width: 100% !important;
	}
	nav li {
  		width: 100%;
		margin: auto;
		padding:0 !important;
		background-color: #796F61;
  	}
  	nav li a { padding: 3px 0 3px 0 !important;}
	nav a#pull {
		display: block !important;
		background-color: #796F61;
		width: 22%;
		margin: auto;
		position: relative;
		padding-left:15px;
		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: 100px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    height: 40px;
    z-index: 5;
	}
	
	.home {	padding:23% 0 0 0; }
	.philosophie {	padding:20% 0 0 0; }
	.kompetenz {	padding:20% 0 0 0; }
	.kontakt {	padding:25% 0 0 0; }
	
	#content7 {    height:350px !important;}
	#RaviKirinKaur {  height:350px !important; }
}


/* iphone 4 landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : landscape) {
	#header_container { height: 100px !important; background-image: url(./images/bg_header_2000_ipad.jpg); background-size: 100%;}	
	#logo { height: 100px !important;}	
	.logo {    height: 100px !important;}
	nav {
		border-bottom: 0;
	}
	nav a { line-height:39px !important;}
	nav ul {
		display: none;
		height: auto;
		width: 100% !important;
	}
	nav li {
  		width: 100%;
		margin: auto;
		padding:0 !important;
		background-color: #796F61;
  	}
  	nav li a { padding: 3px 0 3px 0 !important;}
	nav a#pull {
		display: block !important;
		background-color: #796F61;
		width: 30% !important;
		margin: auto;
		position: relative;
		padding-left:15px;
		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: 100px !important;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    height: 40px;
    z-index: 5;
	}
	
	.home {	padding:30% 0 0 0; }
	.philosophie {	padding:22% 0 0 0; }
	.kompetenz {	padding:22% 0 0 0; }
	.kontakt {	padding:28% 0 0 0; }
	
	#content7 {    height:350px !important;}
	#RaviKirinKaur {  height:350px !important; }
}


/* 2,3,4/4S */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
		nav a#pull {
		display: block !important;
		background-color: #796F61;
		width: 25% !important;
		margin: auto;
		position: relative;
		padding-left:15px;
		color:#FABB00;
		height:30px;
	}
}