@charset "UTF-8";
/********************************************
***** olq-style.css   *****level************
**** Autor: Olq   	 *****free style*******
******************************************/

/*****************************************
******** RESET? - test na razie **********
******************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, address,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, b, u, i, center,
ol, ul, li, label, legend, table, caption, article, aside, canvas, figure, figcaption,
footer, header, menu, nav, section, time, mark, audio, video 
{
	margin			: 0;
	padding			: 0;
	border			: none 0;
	outline			: none;
	font-size		: 100%;
	font			: inherit;
	vertical-align	: baseline;
}
ul, ol { list-style		: none; }
a { text-decoration	: none; }
/*****************************************
************* RESET zrobiony *************
******************************************/

/* Nasz font */
/*
@font-face
{
	font-family: "Open Sans Condensed";
	src: url(fonts/OpenSansCondensed-LightItalic.ttf) format("truetype");
	font-weight: 300;
    font-style: italic;
}
@font-face
{
	font-family: "Open Sans Condensed";
	src: url(fonts/OpenSansCondensed-Bold.ttf) format("truetype");
	font-weight: 700;
    font-style: normal;
}
@font-face
{
	font-family: "Open Sans Condensed";
	src: url(fonts/OpenSansCondensed-Light.ttf) format("truetype");
	font-weight: 300;
    font-style: normal;
}
*/
/****************************/

html, body
{
	overflow-y		: hidden;
	width			: 100%;
/*	font-family		: 'Open Sans Condensed', sans-serif; */
	font-size		: 16px;
	line-height		: 1;
}
*, *:before, *:after { box-sizing: border-box; }

h1 
{
	font-size: 16px;
	padding: 0;
}
p { font-size: 16px; }
b { font-weight: 700; }
h1, h2, h3, h4, h5, h6, p { letter-spacing: 0.5px; }
img { display: block; }

.bezOpisu              /* do tekstu odsyłaczy, jak jest tło albo obrazek */
{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#Strona_IR
{
	width: 100%;
	min-width: 360px;
	min-height: 100vh;
}

#Plakat
{
	position: relative;
	width: 100%;
	height: 100vh;
	z-index: 1;
	color: gray;
	text-indent: -9999px;	
	background-color: rgba(0,0,0,0.9);
	background: center /cover no-repeat;
	background-image: url(../images/Slide/I-remember_BIG.jpg);
}

#Logo 
{
	position: absolute;
	width: 180px;
	height: 50px;
	top: 15%;
	margin-left: calc((100% - 180px)/2);
	padding: 0;
	background-image: url(../images/IR-lg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.4;
	z-index: 2;
	transition: 2s ease;
}
	#Logo:hover
	{
		transform: scale(1.05);
		opacity: 0.8;
	}

#Ad
{
	position: absolute;
	width: 240px;
	height: 40px;
	bottom: 50px;
	margin-left: calc((100% - 240px)/2);
	padding: 0;
	background-image: url(../images/IR-ad.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.4;
	z-index: 2;
	transition: 1.5s ease;
}
	#Ad:hover
	{
		transform: scale(1.02);
		opacity: 0.8;
    }

/*******************************
******** RESPONSYWNOŚĆ *********
********************************/

@media (max-width: 1200px) {

	#Plakat { background-image: url(../images/Slide/I-remember_MEDIUM.jpg); }
	#Logo {
    	/*	width: 90px;
    		height: 90px;
    		/*margin-left: calc((100% - 90px)/2);*/
    	}

}

@media (max-width: 600px) {

	#Plakat { background-image: url(../images/Slide/I-remember_SMALL.jpg); }
	#Logo
    {
    	width: 150px;
    	height: 40px;
    	top: 10%;
    	margin-left: calc((100% - 120px)/2);
    }

}

@media (max-width: 320px) {
	html, body { overflow-x: auto; }
}

@media (max-height: 800px) {

    #Logo { top: 5%; }
    #Ad { bottom: 1px; }

}