/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,400&display=swap&subset=latin-ext');*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400&display=swap&subset=latin-ext');

body
{
	background-image: url("rafal12.png");
	background-color: lightblue;
	padding: 0;
}


#all
{	
	margin-top: 40px;
	margin-bottom: 60px;
	max-width:1500px;
	font-family:'Roboto Condensed', sans-serif;
	margin-left: auto;
	margin-right: auto;	
	min-width: 802px;
}


#logo
{
	max-width:950px;
	margin-bottom: 40px;
	margin-left: auto; margin-right: auto;
	background-color: #ffffffcc;
	text-align: center;
	box-shadow: 5px 5px 30px #cccccc;
	padding: 50px;
	height: 400px;
}


#poprawki1-2
{
	display:none;
}


#logoa
{
	max-width: 300px;
	height: 200;
	margin-top: 10px;
	margin-left: auto; margin-right: auto;
}

#logoa > a > img
{
	width: 200px;
}


#menu
{
	max-width:900px;
	margin-bottom: 40px;
	margin-left: auto; margin-right: auto;
	box-shadow: 5px 5px 30px #cccccc;
	background-color: #ffffffcc;
	text-align: center;
	min-height: fit-content;
	margin-top: 40px;
	position:-webkit-sticky;
	position: sticky;
	top:10px;
	z-index: 100;
}


.menuitem
{
	min-height: 40px;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
}


#menu > .menuitem:first-child
{
	margin-left: 0px;
}


h1
{
	font-weight: lighter;
	font-size: 80px;
}


h3
{
	font-weight: lighter;
	font-size: 25px;
}


h6
{
	font-weight: normal;
	font-size: 15px;
	text-align: justify;
}


h2
{
	margin-top:0;
	font-weight: lighter;
	font-size: 50px;
}


a > h2:hover
{
	text-decoration: underline;
}


span
{
	font-weight: normal;
}


p.lightfooter
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: lighter;
	font-size: 24px;
	text-align: center;
}


ul
{
	list-style-type: square;
}


.video
{
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	max-width:950px;
	padding: 20px;
	height:fit-content;
	text-align: center;
	background-color: #ffffffcc;
	box-shadow: 10px 10px 30px #cccccc;
}


.back
{
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	padding: 1px 10px;
	max-width:880px;
	height:fit-content;
	text-align: center;
	background-color: #ffffffcc;
	box-shadow: 10px 10px 30px #cccccc;
	position:-webkit-sticky;
	position: sticky;
	top:100px;
	z-index: 100;
}


.content
{
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	max-width:950px;
	height:max-content;
	text-align: justify;
	padding: 40px;
	background-color: #ffffffcc;
	box-shadow: 10px 10px 30px #cccccc;
}


li > a:hover
{
	text-decoration: underline;
}


.miniatures
{
	text-align: center;
}


#cs
{
	color: black;
	clear:both;
	padding: 40px
}


.social
{
	background-color: #eeeeffcc;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding:50px;
}


#footer
{
	font-family:Roboto;
	clear:both;
	background-color: #cac9c9e0;
	padding: 10px;
	box-shadow: 10px 10px 30px #cccccc;
	margin-top: 60px;
	margin-bottom: 40px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


i
{
	margin:10px;
	display: inline-block;
}


.miniatures > a > i
{
	display: inline-block;
}


.miniatures > a > img
{
	display: inline-block;
	width: 60px;
	margin-left: 30px;
}


.miniatures > a > i.icon-youtube-play:hover
{
	color:#cf3322;
}


.miniatures > a > i.icon-instagram:hover
{
	color:rgb(231, 90, 212);
}


.miniatures > a > i.icon-facebook-squared:hover
{
	color:#3b5998;
}


.miniatures > a > img:hover
{
	opacity: 0.7;
}


a:link
{
	color:black;
}


a:visited
{
	color:black;
}


a:hover
{
	color:#6b88a8;
}


a
{
	text-decoration: none;
	padding:0;
	margin:0;
}


#actors
{
	width: 48%;
	display:inline-block;
}


#ot
{
	width: 48%;
	display: inline-block;
}


#proj1
{
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}


#proj2
{
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}


#proj3
{
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}


figure
{
	padding: 0px;
	display: inline-block;
	width: fit-content;
	margin-left: 10px;
	margin-right: 10px;
}


figure:last-child
{
	margin-right: 0;
}


figure:first-child
{
	margin-left: 0;
}


figure > a > img
{
	margin-bottom: 10px;
	width:276px;
	height:155px;
}


figcaption
{	
	font-weight: lighter;
	font-size: 25px;
}


.social > h3
{
	font-family: "Roboto", sans-serif;
	display: inline-block;
	margin-top: -20px;
	padding:0px;
}


video
{
	width: 100%;
}