.logo {
	width:260px; height:66px; float:none; display: inline-block;
	background-size: contain; background-position: center center; background-repeat: no-repeat;
}

h1 {border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: .5em;}

body.de .logo {background-image: url('/img/e/karmasingh/logo_de@2x.png');}
body.en .logo {background-image: url('/img/e/karmasingh/logo_en@2x.png');}

.big-banner {
	min-height: 100vh;
	background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #fff;

	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: flex-end;
	  justify-content: flex-end;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
}

body.en .big-banner {background-image: url('/img/e/karmasingh/en/home-banner.jpg');}
body.de .big-banner {background-image: url('/img/e/karmasingh/de/home-banner.jpg');}

.big-banner h1 {font-size: 3em; letter-spacing: -.065em; margin-bottom:0; padding-bottom:0; border-bottom:0; padding-left: .1em;}
.big-banner h2 {font-size: 2em; letter-spacing: -.05em; padding-left: .2em;}
.big-banner h2+h2 {margin-top: 0;}
.big-banner p {font-size: 2em; padding-left: .25em;}
.big-banner .banner-box {min-width: 45%; padding:2em 5em 2em; box-sizing: border-box;}
.big-banner .banner-box .img-responsive {max-width: 520px; border:0; padding: 0; margin-top: 1em;}

.banner-btn {text-align: center; display: inline-block; padding-top: .75em;}
.banner-btn a {font-size: .85em; margin: .25em; box-shadow: 0 0 .5em rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.75) !important; border-radius: .25em;}
.banner-btn a:first-child {margin-left: 0;}

#middle .panel-body h1 {text-align: center;}
#header .navbar {box-shadow: 0 0 .25em .15em rgba(0,0,0,.2);}

.vidBoxHolder {margin:2em auto; max-width: 620px; display: block;}
div.highlight {display: inline-block; border:2px dotted #060; padding:0 1em; text-align: center; margin: 2em 1em; background-color: #fcf5ba;}
div.highlight img {margin: 1em;}
div.highlight+.row {background-color: #eaeff3; margin-top: 1em;}
div.highlight+.row div:first-child {padding-top: 2em;}
div.highlight+.row div:last-child {padding: 2em 5em 2em 1em; text-align: left;}
div.highlight+.row h2 {font-size: 2em;}
div.highlight+.row h3 {font-size: 1.65em;}

body.home #middle .panel-body img.responsive {padding:0; border-radius:.2em;}
.option_select label {display: block; line-height: 1.6em; font-size: 1.2em;}

body.home footer {position: relative; border: 1px solid #fff;}

@media all and (max-width:1600px) {
	body.home #middle{top:6em;}
	body.home #middle .panel-body {padding: 0;}
	.big-banner .banner-box .img-responsive {max-width: 400px;}
}
@media all and (min-width:1280px) {
	body.home #middle {position: absolute; left: 0; top: 0; width: 100%; padding: 0;}
	body.home #middle .panel-body {padding:0; border-radius:.2em .2em 0 0;}
	body.home #content {min-height:100vh;}
	body.home #right-col {display: none;}
	.big-banner h1 {text-align: left !important;}
	.big-banner .banner-box {max-width: 52%; }
}
@media all and (max-width:1280px) {
	.big-banner .banner-box {max-width: 60%; padding: 2em; border-radius: .35em; background-color: rgba(255,255,255, .65);}
	.big-banner h1 {font-size: 4em;}
	.big-banner h2 {font-size: 2.8em;}
	
}
@media all and (max-width:980px) {
	body.en .big-banner {background-image: url('/img/e/karmasingh/en/home-banner-mobi.jpg');}
	body.de .big-banner {background-image: url('/img/e/karmasingh/de/home-banner-mobi.jpg');}

}
@media all and (max-width:760px) {
	.big-banner {min-height: 70vh;}
	.big-banner h1 {font-size: 3em;}
	.big-banner h2 {font-size: 2.15em;}
	.big-banner p {font-size: 1.5em;}
	.big-banner .banner-box {text-align: center; max-width:90%; margin-right: 5%;}
	.big-banner .banner-box h1, .big-banner .banner-box h2, .big-banner .banner-box p {padding-left: 0;}
	.big-banner .banner-box .img-responsive {max-width: 100%;}
	.banner-btn {top: 65%; right:10%;}
	.banner-btn a {font-size:1.2em;}
	body.home #middle{top:0; padding-bottom: 0; padding-top: 30px;}
	div.highlight+.row div:last-child {padding: 0 2em 2em; text-align: center;}
}