/* RESET */
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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {line-height: 1; }
ul {list-style: none;}
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/* Wlasne */
.clear {
    clear:both;
}
html,body {
  margin:0;
  padding:0; 
  font-family:"Arial", sans-serif;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  line-height:1.5em;
  min-width:320px;
  background:#fff;
}

p{
	line-height:1.3em;
	padding:0 0 12px 0;
	text-align:center;
}

.container{
	width:100%;
	max-width:1180px;
	margin:0 auto;
	padding:0;
	
}

.cc1, .cc2{
	width:100%;
	min-height:400px;
	margin:0 0 20px 0;
}
.cc1{ background:url(images2/bg1.jpg) top right no-repeat;}

.cc2{ background:url(images2/bg2.jpg) top left no-repeat;}

.textHolder{
	width:100%;
	max-width:610px;
	min-height:280px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cc1 .textHolder{
	float:left;
	background:#0066ff;
	padding:40px 40px 30px 60px;
}
.cc2 .textHolder{
	float:right;
	background:#00ccff;
	padding:60px 60px 30px 40px;
}

.logo1, .logo2{
	display:block;
	width:240px;
	height:146px;
	background: center no-repeat;
	background-size:cover;
}
.logo1{
	float:left;
	background-image:url(images2/logo1.png);
	margin:0 30px 20px 0px;
}

.logo2{
	float:right;
	background-image:url(images2/logo2.png);
	margin:0 0px 20px 25px;
}

.link1, .link2{
	display:block;
	float:left;
	margin:25px 0 20px 355px;
	width:200px;
	height:50px;
	padding:0 20px;
	line-height:50px;
	font-size:21px;
	text-decoration:none;
	background:#fff url(images2/arrow1.png) 90% 50% no-repeat;
	color:#0066ff;
	border:7px solid #0066ff;
	-webkit-transition:all 0.2s; 
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s; 
	
}
.link2{
	float:right;
	margin:25px 355px 20px 0px;
	color:#00ccff;
	border-color:#00ccff;
	background-image:url(images2/arrow2.png);
}
.link1:hover, .link2:hover{ background-position:93% 50%; }



@media screen and (max-width:640px) { 
	.textHolder{ max-width:none; padding:30px 20px 20px 20px!important; }
	.link1{ float:right;  margin:25px 2% 20px 0px; }
	.link2{ float:left;  margin:25px 0px 20px 2%; }
	.cc1, .cc2{ background-size:cover;}
	.logo1, .logo2{ float:none!important; margin:0 auto 20px auto!important; }
}