@charset "utf-8";
/* CSS Document */

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
html, body, textarea, input { 
	font-size:101%;
	font-family:Helvetica,Arial,verdana,arial,sans-serif;
	color:#8F8F8F;
	font-size:12px;
	-webkit-text-size-adjust:none;
}
html{background:#E0E0E0;}
a, .hdr a{ color:#5780CC; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:none }
a:hover { background:#5780CC; color:#383838;}
::-moz-selection, .hdr ::-moz-selection{ background:#5780CC; color:#383838; }
::selection { background:#5780CC; color:#383838; }
footer, header, section {display:block;}


.clear{clear:both;}

#logo-CMP {width:100%; padding:.2em .5em 0;margin:.3em auto 0;}
#logo-CMP img{width:100%; height:auto;}

.hdr {width:100%;margin:0 auto; position:relative; padding:0 1em 0;}
.hdr h1 {color:#001a72; text-shadow:1px 1px 1px #e1e1e1;font-size:2em; width:100%; float:left;text-align:left;margin:0 0 .5em 0;}


.eshop-logo{
	display:block;
	width:50%;
	height:auto;
	float:right;
	text-indent:-9999px;
	bottom:1em; right:.5em;
	position:relative;
	margin:.2em 0 .2em .2em;
	z-index:-1;	
}
.eshop-logo img{width:100%; height:auto; display:block;}
.hdr p {font-size:1.5em; color:rgba(51,51,51,1);/*float:left;width:100%;clear:left;*/margin:0 .5em .5em 0;}
.hdr span.eshop{font-weight:bold; font-style:italic;color:rgba(102,153,255,1);}


.hdr h2, .hdr h4 {font-size:18px;color:#001a72; width:50%;clear:left;}

/*-----MAGIC MEDIA QUERY BOX----*/
body:after { position:fixed; background:#333; color:#fff; padding:1em 2em 1em 1em; z-index:99999; width:auto; border:.2em solid; }body:after { bottom:0; right:0;}



@media screen and (min-width:480px) and (orientation:portrait){
#logo-CMP {width:100%;margin:0 auto; }
.hdr{margin:0 auto;}
.hdr h1 {margin:0; float:left;padding:0;}
.hdr h4 {font-size:2em;}
.hdr p {width:65%;font-size:1.8em;}
.eshop-logo{width:45%;position:absolute;top:50%;right:1em;}
}

@media screen and (min-width:480px) and (orientation:landscape){
	#logo-CMP {width:59%; float:left;}
	.hdr h1 {padding: 2em 0 0 0;width: 39%; float:right; margin:0;}
	.hdr p {width:50%; float:left;clear:right;}
	.hdr p:nth-child(2), .hdr p:nth-child(3) {width:70%;}
	.hdr h4 {width:80%;}
	.hdr p:nth-child(6) {width:100%;float:left;clear:left;}
	.eshop-logo{width:25%; position:relative; right:1em;float:right; margin:-8em 0 0 0;}
	
}
@media only screen and (min-width : 320px) and (min-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){

.hdr p:nth-child(2), .hdr p:nth-child(3) {width:100%;}
.hdr h4 {width:80%;}
.hdr p:nth-child(6) {width:50%;}
.eshop-logo{width:30%;margin:0;position:absolute;float:right;clear:left;right:1em;top:60%;}
}

@media screen and (min-width:600px) and (orientation:landscape){
/*html{background:lightgreen;}*/
#logo-CMP {width:50%;margin:0; float:left; }
.hdr h1 {margin:0; float:right;width:45%;margin:1em 0 0 0;}
.hdr p:nth-child(2), .hdr p:nth-child(3) {width:60%; font-size:1.4em;float:left;}
.hdr p:nth-child(6) {width:60%;font-size:1.4em;}
.hdr h4 {width:60%;font-size:1.5em;}
.eshop-logo{width:20%;position:relative;top: 0em;right:1em;float:right;}
	
}
@media screen and (min-width: 600px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.2) {
	/*------LENNY NAB---*/
.hdr h1 {font-size:2.6em;margin:0 0 1em 0;}
.hdr p:nth-child(2), .hdr p:nth-child(3) {width:80%;}
.hdr p {width:50%;}
}

@media screen and (min-width: 600px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.2) {
	/*------LENNY NAB---*/
.hdr h1 {font-size:2.6em;margin:0 0 1em 0;}
.hdr p:nth-child(2), .hdr p:nth-child(3) {width:50%;}
.hdr p {width:50%;}
.eshop-logo{width:20%;margin:-8em 0 0 0;position:relative;}
}


@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 1) {
html, body {height:100%;}
#logo-CMP {width:80%; margin:0 auto; float:none;}
.hdr {width:100%; /*min-height:90%;*/padding:0 0 0 2em;}
.hdr h1{text-align:left;float:left;font-size:3em;width:100%;margin:0 0 .5em 0;}
.hdr p {width:55%; font-size:2.4em;clear:right;}
.hdr h4 {font-size:2.3em;}
.eshop-logo{width:40%; position:absolute;top:45%; right:1.5em;float:right;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1) {
html, body {height:100%;}
#logo-CMP {width:50%; float:left; clear:right;}
.hdr {padding: 0 0 0 2em;}
.hdr h1{font-size:3em; text-align:center;float:right;margin:0 0 1em 0;}
.hdr p {width:55%; font-size:2.4em;clear:right;float:left;}
.hdr p:nth-child(2), .hdr p:nth-child(3) {width:60%; font-size:2.4em;float:left;}
.hdr h4 {font-size:2.6em;}
.hdr p:nth-child(6) {width:60%;font-size:2.4em;}
.eshop-logo{width:35%; position:absolute;top:60%; right:2em;float:right;}
}

@media screen and (min-width:800px) and (orientation:portrait){
.hdr h1, .hdr h4 {font-size:2.6em;padding:0 0 0 1em;}
.hdr p, .hdr p:nth-child(2), .hdr p:nth-child(3){font-size:2.4em;padding:0 0 0 2em;}
.eshop-logo{width:35%; position:absolute;top:55%;}

}
@media screen and (min-width:1200px){
.no-touch body{padding:5%;}
#logo-CMP {width:35%;}
.hdr h1{text-align:right;padding:3em 3em 0 0;font-size:2.6em;}
.hdr p,.hdr p:nth-child(2), .hdr p:nth-child(3),.hdr p:nth-child(6), .hdr h4{font-size:2.2em;padding:0 0 0 3em; width:55%;}
.no-touch .hdr p, .no-touch .hdr p:nth-child(2), .no-touch .hdr p:nth-child(3), .no-touch .hdr p:nth-child(6), .no-touch .hdr h4{padding:0 0 0 3em;font-size:2em;}

.eshop-logo{width:20%; position:absolute;top:85%; right:4em;}
.no-touch .eshop-logo{top:97%; width:16%; right:5%;}
	
}

@media screen and (min-width:1366px){

	#logo-CMP {width:35%;padding:3em;}
	.hdr{width:75%;}
	 .eshop-logo{top:90%;width:15%;}

}

@media screen and (min-width:1440px){
	body{padding:5%;}
	#logo-CMP {width:35%;padding:3em;}
	.hdr{width:75%;}
	.no-touch .eshop-logo{top:100%;}

	
}