body{
		
		font-family: 'Titillium Web', sans-serif;
		color: #444;
		text-shadow: 0px 0px 2px rgba(255, 255, 255, 1),0px 0px 1px rgba(255, 255, 255, 1);
		font-weight: 400;
	}
	#background {
		position:fixed;
		top:0;
		right:0;
		width: 150vw;
		height: 150vh;
		background-image: url(http://lineup.pl/img/bg_lu1.jpg);
		background-size: cover;		
		opacity: 0.6;
		filter: alpha(opacity=60);
	}
	div {
		border: 0px solid #000;
	}	
	i{
		border: 0px solid red;
	}
	
	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 50px;
		font-family: 'Titillium Web', sans-serif;
		color: #444;
		
		font-weight: 700;
	}

	#fp-nav .active span{
		color: #ff5252;
		background:  #ff5252;
	}
	div.icon .material-icons{
		font-size:200px;
		color: #444; 
	}
	.logotype {
		font-size: 6em;
		font-family: 'Pacifico', cursive;
		font-weight: 400;
		color: #444;
		padding-bottom: 40px;
	}
	.logotype_header{
		font-size: 2.5em;
		font-family: 'Pacifico', cursive;
		font-weight: 400;
		color: #444;

	}
	
	
	.logotype_small {
		font-size: 4em;
		font-family: 'Pacifico', cursive;
		font-weight: 400;
		color: #444;
		padding-bottom: 30px;
	}
	
	#header .logotype_header{
		font-size: 1.5em;

	}
	.h_start{
		text-transform: uppercase;
		font-weight: 400;
	}
	
	h2{
		font-size: 2em;
		font-family: 'Titillium Web', sans-serif;
		font-weight: 700;
		color: #444;
		
	}	
	
	span.color_red{
		color: #ff5252;
	}
	
	span.color_blue{
		color: #1774A4;
		
	}	

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}
	
	div.info{
		text-align:left;
		border-left: 5px solid #ff5252;
		font-size: 18px;
	}
	div.icon{
		text-align:right;
	}

	div.people_left{
		min-height: 100px;
		text-align: right;
		border-right: 2px solid #1774A4;	
	}
	div.people_center{
		
	}	
	div.people_right{
		min-height: 100px;
		text-align: left;
		border-left: 2px solid #1774A4;	
	}	

	/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
	}

	.slide{
		background-size: cover;
	}


	/* Fixed header and footer.
	* --------------------------------------- */
	#header{
		position:fixed;
		height: 50px;
		display:block;
		width: 100%;
		background: #f4f4f4;
		z-index:9;
		text-align:center;
		color: #f2f2f2;
		padding:  0 0 0 0;
		top:-150px;
	}

	#header .navbar{
		background: #f4f4f4;
		border-bottom: 1px solid #aaa;
		-webkit-box-shadow: 0px 0px 10px -4px #444,
		-moz-box-shadow: 0px 0px 10px -4px #444;
		box-shadow: 0px 0px 10px -2px #444;		
				
	}
	#sidebar{
		position:fixed;
		width: 200px;
		display:block;
		height: 100%;
		background: none;
		z-index:9;
		text-align:center;
		color: #f2f2f2;
		padding:  0 0 0 0;
	}

	#sidebar{
		left: -200px;
		padding-left: 40px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;				
	}	
	
	.menu{
		
	}
	
	a{
		outline-style:none;
		box-shadow:none;
		border-color:transparent;
	}
	#footer{
		bottom:0px;
		display:none;
	}	
	
	a.nav-link, a.nav-link-logo {
		font-family: 'Titillium Web', sans-serif;
		color: #444;
		text-decoration: none;
			
	}
	a.nav-link:hover, a.nav-link-logo:hover  {
		font-family: 'Titillium Web', sans-serif;
		color: #ff5252;
				
	}
	
	#lineupMenu .active a.nav-link {
		font-family: 'Titillium Web', sans-serif;
		color: #ff5252;
			
	}
	
	a.mail{
		font-family: 'Titillium Web', sans-serif;
		color: #444;
		text-decoration: none;
			
	}
	a.mail:hover {
		font-family: 'Titillium Web', sans-serif;
		color: #ff5252;
				
	}
	

	a.social-icons{
		font-family: 'Titillium Web', sans-serif;
		color: #444;
		text-decoration: none;
		
			
	}
	a.social-icons:hover {
		font-family: 'Titillium Web', sans-serif;
		color: #ff5252;
				
	}	
	
	#section6 a.social-icons{
		font-size: 30px;
	}
	
	
	#lineupMenuStart{
		margin-top: 50px
		
	}
	#lineupMenuStart a.nav-link{
		font-size:20px;
		
	}
	#lineupMenuStartSocial a.nav-link{
		font-size:20px;
		
	}
	@media (max-width: 992px){
		div.icon .material-icons{
			font-size:100px;
			
		}	
		div.info .content{
			
			font-size:18px;
		}		

		h1{
			font-size: 40px;
		}		
	}	
		
	@media (max-width: 576px) {
		div.icon .material-icons{
			font-size:50px;
			
		}	
		div.info .content{
			
			font-size:13px;
		}		

		h1{
			font-size: 40px;
		}
		
		#section0 div.info{
			border-left: 4px solid #ff5252;
			font-size: 18px;
		}		

		
		
	}
	@media (max-width: 482px) {
		div.icon .material-icons{
			font-size:50px;
			
		}	
		div.info .content{
			
			font-size:17px;
		}		

		h1{
			font-size: 40px;
		}
		
		h1.h_start{
			font-size: 30px;
		}
		
		#background {
			width: 180vw;
			height: 180vh;
		}		
		#section0 div.info{
			border-left: 0px solid #ff5252;
			font-size: 18px;
		}	
		#section1 div.info, #section6 div.info{
			border-left: 0px solid #ff5252;
			font-size: 18px;
			padding-left: 0px;
		}			
		div.dash{
			
			height: 5px;
			width: 15vw;
			background-color: #ff5252;
			margin-bottom:20px;
		}		
		#section0 div.dash{
			
			height: 5px;
			margin:auto;
			
			background-color: #ff5252;
			margin-bottom:20px;
			width: 15vw;
		}	
		.section_margin{
			margin-top:70px;
		}
		
		#lineupMenuStart {
			margin-top: 20px;
		}
		
		#lineupMenuStart a.nav-link{
			font-size: 14px;
		}
		
	}
		
		
	}