@charset "UTF-8";



/* CSS Document */


/* Tablet View */

@media (min-width:401px) and (max-width:768px) and (orientation:portrait){
body {
	font-variant: normal;
	font-style: normal;
	line-height: 1;
	text-align: undefined;
	text-indent: 10px;
	position: absolute;
}
	
#index header {
	font-variant: normal;
	font-style: normal;
	line-height: 1;
	text-align: undefined;
	text-indent: 10px;
	position: absolute;
}

.site-nav p a {

}

.aboutindex p a {
}

.footer-credit {
}
#footerbottom {
}
#verticalcitiestext {
}
#verticalcitiesCD {
}
#pieceximg1 {
}
#pieceximg2 {
}
#pieceximg3 {
}
#pieceximg4 {
}
#pieceximg4 {
}
}

/* Mobile View */


@media screen and (max-width:400px) and (orientation:portrait){
body {
	font-size: 12px;
	margin-left: 105px;
}
#index header {
	font-variant: normal;
	font-style: normal;
	line-height: 1;
	text-align: undefined;
	text-indent: 10px;
	position: absolute;
}
.site-nav p a {
	
}
.aboutindex p a {
}
.footer-credit {
	
}
}


/* Global view  */

body  {
	margin-left: 15px;
	margin-right: 15px;
	font-family: "Arial Narrow";
	margin-top: 35px;
	font-size: 18px;
	
}

/* homepage  */

#index header {
	font-variant: normal;
	font-style: normal;
	line-height: 2.4;
	text-align: undefined;
	text-indent: 250px;
	position: absolute;
}

.site-nav p a {
	font-weight: lighter;
	font-size: 24px;
	margin-right: 25px;
	margin-left: 25px;
	font-family: "Arial Narrow";
	color: #000000;

}

#about #site-navabout {
	margin-left: 1325px;
	float: left;
	margin-top: 9px;
	position: absolute;
	font-size: 24px;	
}



/* footer */

.footer-credit {
	float: left;
	width: 80%;
	height: 80%;
	margin-top: 680px;
	padding-left: 1200px;
	position: static;
}

#footerbottom {
	font-family: "Arial Narrow";
	font-size: 16px;
	font-weight: normal;
	color: #BFBFBF;
}

/* Portfolio */

#verticalcitiestext {
	margin-top: 75px;
	margin-right: 635px;
	margin-left: 135px;
	margin-bottom: 75px;
	line-height: 1.15;
	text-align: undefined;
	font-size: medium;
	position: relative;
}

#verticalcitiesCD {
	margin-left: 35px;
	padding-bottom: 75px;
	padding-top: 25px;
}

#verticalcitiesvinyl {
	margin-left: 35px;
	padding-bottom: 75px;
	padding-top: 25px;
}

#virtualconcerttext {
	font-style: normal;
	margin-top: 75px;
	margin-right: 135px;
	margin-left: 635px;
	line-height: 1.15;
	font-size: medium;
	position: relative;
}

#VirtualConcertVideo {
	margin-bottom:125px;
	margin-left: 55px;
	margin-right: 55px;

}

#piecexvideo {
	margin-left: 55px;
	margin-bottom: 125px;
	margin-right: 55px;
}
#pieceximg1 {
	margin-left: 55px;
	margin-right: 55px;
	margin-bottom: 50px;	
}
#pieceximg2 {
	margin-left: 625px;
	margin-right: 75px;
	margin-bottom: 25px;
}
#pieceximg3 {
	margin-left: 100px;
		margin-right: 625px;
		margin-bottom: 25px;
}
#pieceximg4 {
	margin-left: 300px;
	margin-right: 400px;
	margin-top: 50px;
	margin-bottom: 75px;
}
#piecextext {
	margin-right: 635px;
	margin-left: 135px;
	line-height: 1.15;
	font-size: medium;
	position: relative;	
}

#sellingyoudreamstext {
	margin-top: 50px;
	margin-right: 135px;
	margin-left: 635px;
	line-height: 1.15;
	font-size: medium;
	position: relative;	
}
#SellingYouDreamsVideo {
	margin-left: 55px;
	margin-bottom: 125px;
	margin-right: 55px;
}

#m2cm2text {
	color: #000000;
    margin-top: 65px;
	margin-right: 535px;
	margin-left: 135px;
	margin-bottom: 75px;
	line-height: 1.15;
	position: relative;	

}
#m2cm2video {
	margin-bottom: 125px;
	margin-right: 55px;
	
}


/* about */

#abouttext {
	margin-top: 65px;
	margin-right: 275px;
	margin-left: 725px;
	margin-bottom: 500px;
	line-height: 1.25;
	font-size: medium;
	position: absolute;
	font-variant: normal;
	white-space: normal;
	vertical-align: middle;
	float: right;
}
#social {
	margin-top: 65px;
	margin-right: 35px;
	margin-left: 85px;
	margin-bottom: 350px;
	position: inherit;
	float: left;
	white-space: pre-wrap;
}

/* back button */

#backbutton {
	font-size: x-large;
	font-family: "Arial Narrow";
	font-weight: bold;
	margin-left: 35px;
	margin-bottom: 300px;
	position: relative;
	top: 250px;
}
#backbutton p a {
	color: #000000;
	text-decoration: none;
	text-align: left;
}

#aboutbackbutton {
	font-size: x-large;
	font-family: "Arial Narrow";
	font-weight: bold;
	position: fixed;
	margin-left: 85px;


}
#aboutback p a {
	color: #000000;
	text-decoration: none;
}

/* ImageAudio  */

#imageaudioanthology {
	margin-left: 55px;
	margin-right: 55px;
	margin-top: 25px;
	margin-bottom: 200px; 
	width: 1245px;
	max-width: 1245px;
	height: 680px;
	max-height: 680px;
}

#archiveh2 {
		margin-left: 82px;
		margin-bottom: 50px;
	    margin-top: 50px;
		font-size: 32px;
}

#imageaudiotext {
	color: #000000;
    margin-top: 35px;
	margin-right: 735px;
	margin-left: 82px;
	margin-bottom: 50px;
	line-height: 1.15;
	
}
#imageaudiodemo h2 {
	margin-left: 82px;
	font-size: 28px;
	font-family: "Arial Narrow";
	font-weight: bolder;
	text-transform: uppercase;
	word-spacing: 10px;
	height: 75px;
	width: 50px;
}

#imageaudiodemo #images {
	margin-left: 950px;
	position: absolute;
	float: right;
}

/* Embedded Links */ 

#keys {
	margin-left: 55px;
	margin-top: 175px;	
	
}
#extractiontwo {
	margin-left: 55px;
	margin-top: 325px;
}
#censorship {
	margin-left: 55px;
	margin-top: 325px;
	
}
#imagetwoalbum {
	margin-left: 55px;
	margin-top: 265px;
}
#reductionist {
	margin-left: 55px;
	margin-top: 225px;
}
#redaction {
	margin-left: 55px;
	margin-top: 300px;
}
#chords {
	margin-left: 55px;
	margin-top: 285px;
}
#infringement {
	margin-left: 55px;
	margin-top: 310px;
}
#imageaudiorealisations h2 {
	margin-left: 82px;
	margin-top: 250px;
	font-size: 28px;
	font-family: "Arial Narrow";
	font-weight: bolder;
	text-transform: uppercase;
	word-spacing: 10px;
	height: 75px;
	width: 50px;
}


#Łukawski h3 {
	margin-left: 82px;
	margin-top: 50px;	
	font-size: 20px;
	font-family: "Arial Narrow";
	font-weight: bold;
}
#Łukawski p {
	color: #000000;
	margin-right: 700px;
	margin-left: 82px;
	line-height: 1.15;
	text-align: justify;
}

#Łukawski alt iframe {
	opacity: 0;	
	
}
#Łukawski alt .ToneRowNFT {
	margin-left: 903px;
	position: absolute;
	float: right;
}


#imageaudiorealisations #Blatt h3 {
	margin-left: 82px;
	margin-top: 125px;
	font-size: 20px;
	font-family: "Arial Narrow";
	font-weight: bold;
	margin-bottom: 50px;
}
#Blatt alt iframe {
	margin-left: 55px;
	margin-top: 50px;
}
#Blatt alt img {
	position: absolute;
	float: right;
	margin-left: 50px;	
}
#imageaudiorealisations #Blatt p {
	color: #000000;
	margin-right: 700px;
	margin-left: 82px;
	line-height: 1.15;
	position: relative;
	text-align: justify;
}
#Stavridis h3 {
	margin-left: 82px;
	font-size: 20px;
	font-family: "Arial Narrow";
	font-weight: bold;
	margin-top: 125px;
	margin-bottom: 50px;
}
#Stavridis alt iframe {
	margin-left: 55px;
	margin-top: 5px;
}
#Stavridis alt img {
	position: absolute;
	float: right;
	margin-left: 50px;	
}
#Stavridistext {
	color: #000000;
	margin-right: 700px;
	margin-left: 82px;
	line-height: 1.15;
	position: relative;
	text-align: justify;
}

#imageaudiorealisations #Sevenbalcony h3 {
	margin-left: 82px;
	font-size: 20px;
	font-family: "Arial Narrow";
	font-weight: bold;
	margin-top: 100px;
	margin-bottom: 50px; 
	
}
#imageaudiorealisations #Sevenbalcony iframe {
	margin-left: 84px;
	margin-bottom: 50px; 
	width: 1245px;
	max-width: 1245px;
	height: 680px;
	max-height: 680px;
}
#imageaudiorealisations #Sevenbalcony p {
	color: #000000;
	margin-right: 700px;
	margin-left: 82px;
	line-height: 1.15;
	position: relative;
	text-align: justify;
	margin-top: 75px;

}
#imageaudiorealisations #Sevenbalcony img {
	position: absolute;
	float: right;
	margin-left: 955px;	
}

#imageaudiorealisations #MIZI h3 {
	margin-left: 82px;
	font-size: 20px;
	font-family: "Arial Narrow";
	font-weight: bold;
	margin-top: 160px;
	margin-bottom: 50px; 
}

#MIZI alt iframe {
	margin-left: 84px;
	margin-bottom: 50px;
	width: 1245px;
	max-width: 1245px;
	height: 680px;
	max-height: 680px;
}
#MIZI alt img {
	position: absolute;
	float: right;
	margin-left: 955px;	
}
#MIZI alt p {
	color: #000000;
	margin-right: 700px;
	margin-left: 82px;
	line-height: 1.15;
	position: relative;
	text-align: justify;
	margin-top: 25px;
}

#imageaudiorealisations #Barnell h3 {
	margin-left: 82px;
	font-size: 20px;
	font-family: "Arial Narrow";
	font-weight: bold;
	margin-top: 125px;
	margin-bottom: 50px; 
}

#Barnell alt img {
	position: absolute;
	float: right;
	margin-left: 955px;	
}
#imageaudiorealisations #Barnell p {
	color: #000000;
	margin-right: 700px;
	margin-left: 82px;
	line-height: 1.15;
	position: relative;
	text-align: justify;
	margin-top: 75px;
}
#Barnell alt iframe {
	margin-left: 84px;
	margin-bottom: 50px;
	width: 1245px;
	max-width: 1245px;
	height: 680px;
	max-height: 680px;
}
#imageaudiorealisations #Calimann h3 {
	margin-left: 82px;
	font-size: 20px;
	font-family: "Arial Narrow";
	font-weight: bold;
	margin-top: 175px;
	margin-bottom: 50px; 
}
#Calimann alt h4 {
	margin-left: 82px;
	font-size: 18px;
	font-family: "Arial Narrow";
	margin-bottom: 25px;
}
#Calimann alt iframe {
	margin-left: 84px;
	width: 1245px;
	max-width: 1245px;
	height: 680px;
	max-height: 680px;
}

#Messages_Sound h4 {
	margin-left: 82px;
	font-size: 20px;
	font-family: "Arial Narrow";
	font-weight: bold;
	margin-bottom: 50px;
}
#Messages_Sound alt img {
	position: absolute;
	float: right;
	margin-left: 955px;
	
}
#Messages_Sound p {
    color: #000000;
	margin-right: 700px;
	margin-left: 82px;
	line-height: 1.15;
	position: relative;
	text-align: justify;
}
#Messages_Sound iframe {
	margin-left: 59px;
	margin-top: 10px;
}