@font-face {
    font-family: 'GOTHIC';
    src: url('../fonts/GOTHIC.eot');
    src: url('../fonts/GOTHIC.eot') format('embedded-opentype'),
         url('../fonts/GOTHIC.woff2') format('woff2'),
         url('../fonts/GOTHIC.woff') format('woff'),
         url('../fonts/GOTHIC.ttf') format('truetype'),
         url('../fonts/GOTHIC.svg#GOTHIC') format('svg');
}

@font-face {
    font-family: 'GOTHICB';
    src: url('../fonts/GOTHICB.eot');
    src: url('../fonts/GOTHICB.eot') format('embedded-opentype'),
         url('../fonts/GOTHICB.woff2') format('woff2'),
         url('../fonts/GOTHICB.woff') format('woff'),
         url('../fonts/GOTHICB.ttf') format('truetype'),
         url('../fonts/GOTHICB.svg#GOTHICB') format('svg');
}

body{
	background:	rgb(255, 255, 255) url('../img/bg.jpg') bottom center;
	background-repeat:	no-repeat;
	background-attachment:	fixed;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;		
	color:	rgb(40, 65, 150);
	font-family: 'GOTHIC', 'Franklin Gothic Medium', helvetica, arial, serif;
	margin:	0;
	padding:	0;
}

/*header*/
header{
	background:	rgb(125, 214, 248);
	padding:	2rem 0;
}

header nav{
	text-align:	center;
}

@media (min-width: 80.0rem) {
	header{
		padding:	4rem 0;
	}
	
	header nav{
		text-align:	right;
	}
}

header a{
	display:	inline-block;
	font-family: 'GOTHICB', 'Franklin Gothic Medium', helvetica, arial, serif;
	font-size:	1.8rem;
	margin:	0 0.500rem;
}

@media (min-width: 80.0rem) {
	header a{
		font-size:	3.500rem;
		margin:	0 0 0 4rem;
	}
}

header a.selected{
	color: rgb(0, 0, 0);
	background-color:	inherit;	
}

header a svg{
	fill: rgb(40, 65, 150);	
}

header a.selected svg{
	fill: rgb(0, 0, 0);	
}

/*main*/
#name{
	padding:	0;
	margin:	2rem 0 0 0;
	font-size:	5rem;
	line-height:	0.8;
	color: rgb(100, 115, 180);
	background-color:	inherit;
    text-shadow:
		-1px -1px 0px rgb(255, 255, 255),
         0px -1px 0px rgb(255, 255, 255),
         1px -1px 0px rgb(255, 255, 255),
        -1px  0px 0px rgb(255, 255, 255),
         1px  0px 0px rgb(255, 255, 255),
        -1px  1px 0px rgb(255, 255, 255),
         0px  1px 0px rgb(255, 255, 255),
         1px  1px 0px rgb(255, 255, 255);	
}

@media (min-width: 80.0rem) {
	#name{
		position:	relative;
		margin:	-6rem 0 0 0;		
		font-size:	10rem;
	}
}

#name span{
	font-family: 'GOTHICB', 'Franklin Gothic Medium', helvetica, arial, serif;
	color: rgb(40, 65, 150);
	background-color:	inherit;
	text-transform:	uppercase;	
}

#intro{
	font-family: 'GOTHICB', 'Franklin Gothic Medium', helvetica, arial, serif;
	padding:	1rem;
	margin:	3rem 0 0 0;
	font-size:	2.500rem;
	background:	rgba(255, 255, 255, 0.5);	
}

@media (min-width: 80.0rem) {
	#intro{
		font-size:	3.500rem;
	}
}

#intro span{
	display:	block;
	margin:	4rem 0 0 0;
	font-size:	3.500rem;
}

@media (min-width: 80.0rem) {
	#intro span{
		font-size:	6rem;
	}
}

/*header*/
footer{
	background:	rgba(125, 214, 248, 0.7);
	padding:	1rem 0;
	margin-top:	2rem;
}

@media (min-width: 80.0rem) {
	footer{
		margin-top:	4rem;
	}
	
	footer #bottom{
		text-align:	right;
	}
}

/*sub*/
.shadow{
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-o-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

#txt{
	padding:	1rem;
	background:	rgba(255, 255, 255, 0.5);
}

.cennik{
	color:	rgb(0, 0, 0);
	background-color:	inherit;
	text-shadow:	1px 1px rgb(255, 255, 255);
}

/*cookies*/
#overflow-content{
	position:	fixed;
	bottom:	0px;
	left:	0%;
	width:	100%;
	margin:	0px auto;
	padding:	5px 0px;
	border:	none;
	text-align:	left;
	font-size:	10px;
	color:	rgb(38, 38, 38);
	background-color:	rgba(210, 210, 210, 0.75);
	/*opacity:	0.75;
	filter:	alpha(opacity=75);
	-ms-filter:	"alpha(opacity=75)";
	-khtml-opacity:	0.75;
	-moz-opacity:	0.75;*/
	z-index:	1000;
	-webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px -5px 5px rgba(0, 0, 0, 0.75);
	box-shadow:         0px -5px 5px rgba(0, 0, 0, 0.75);
}

#overflow-content p{
	margin:	0px auto;
	padding:	10px 0px;
	position:	relative;
	width:	90%;
}

#overflow-content a{
	text-decoration:	underline;
}

#overflow-close{
	cursor:	pointer;
	font-weight:	bold;
	font-size:	14px;
	line-height:	14px;
	display:	inline-block;
}