@font-face {
	font-family: Telegrama;
	src: local(☺), url(../font/telegrama.otf) format(opentype);
}
html {
	top: 0!important;
	padding:0;
	margin:0;
}
body {
	-webkit-font-smoothing: antialiased;
	background: #fff;
	color: #000;
	font-family:  "Arial black", 'Arial Bold', Arial, "Helvetica Neue", sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
	width:;
-moz-box-shadow: inset 0.3vw 0vw 17px 4px #ccc;
-webkit-box-shadow: inset 0.3vw 0vw 17px 4px #ccc;
-o-box-shadow: inset 0.3vw 0vw 17px 4px #ccc;
box-shadow: inset 0.3vw 0vw 17px 4px #ccc;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=108, Strength=22);
display:;
}

header {
		padding:45px;
		padding-top:30px;
		max-width:880px;}

.videoWrapper{
			background-color:white;
				height: auto;
				max-height: 600px;
				/*max-width: 600px;*/
				max-width: %;
		}

		.videoWrapper:hover,
		.permahover {
			background-color:white;
				height: auto;
				max-height: 600px;
				/*max-width: 600px;*/
				max-width: %;
		}

.dates {
	background-color: #000;
	color: #FFF;
	float: right;
	font-size: 9px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: right;
	text-transform: uppercase;
}
.event {
	background-color: #000;
	float: left;
	text-transform: uppercase;
}
.black {
	background-color: #000;
	display: inline-block;
	width: 100%;
			max-width:900px;
}
.press {
	#text-transform: lowercase;
	font-family: Arial, "Helvetica Neue", sans-serif;

	font-weight: 400;
	text-transform: none;
}
a {
	color: #222;
}
h4 a {
	color: #fff;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
h4 a:hover {
	background-color: black;
	color: black;
	display:block;
}

#title  {
	color: ;
	font-family:  ;
	font-size: px;
	font-weight: bold;
	line-height: 1.3em;
	margin:0;
	padding:0;
	padding-top:0em;
}

span a {
	color: #222;
	text-decoration: underline;
}
h2 {
	background-color: #000;
	display: inline-block;
	font-size: inherit;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}
h1, .plus {
	background-color: #000;
	border-left: 15px solid #000;
	color: #fff;
	display: table-cell;
	font-family:  "Arial black", 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-size: inherit;
	line-height: 1;
	margin: 0;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-top: 7px;
}
h1 a, .plus a {
	color: #fff;
	display: table-cell;
	text-decoration: none;
}
.plus {
	border-left: 15px solid #FFF;
	padding-left: 15px;
}
h2 a {
	color: #fff;
	display: table-cell;
	font-weight: 700;
	margin: 0;
	padding: 5px;
	text-decoration: none;
}
.link3 {
	background-color: #000;
	color: #fff;
	display: inline-block;
	font-size: inherit;
	font-weight: 700;
	line-height: 1.2;
	margin: 5px 12px 0 0;
	padding: 0;
}


#content {
	font-size:12px;font-family: Menlo, 'Source Code Pro', Monaco,  monospace;
	font-weight: 400;
	text-transform: none;
padding-top:9px;
padding-bottom:px;
padding-left:px;
padding-right:px;
#-moz-box-shadow: 0.4vh -10px 40px 1px #bbb;
#-webkit-box-shadow: 0.4vh -10px 40px 1px #bbb;
#-o-box-shadow: 0.4vh -10px 40px 1px #bbb;
#box-shadow: 0.4vh -10px 40px 1px #bbb;
#filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbb, Direction=97, Strength=40);
   z-index: -3;
   background-color:white;
}

#content a {
	color: red;
}

#content a:hover {
	background-color:red;
	color: red;
}

#unit {
background-color:;
padding:0;margin:0;
display:block;
    z-index: 2;

}

#sidebar {
	display:block;
	position:absolute;
	top:45px;
	right:45px;
    text-align:right;
    font-size:16px;
}

#sidebar h1{	display:block;text-align:right !important; font-size:16px;}


h4 {

	border-left: 10px solid #000;
	color: #fff;
	font-family: "Arial black", 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-size: inherit;
	line-height: 1;
	margin: 0;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 7px;
	display:block;
	position:relative;
    z-index: 1;
    background-color:black;
}

.link3 a {
	color: #fff;
	display: table-cell;
	font-weight: 700;
	margin: 0;
	padding: 5px;
	text-decoration: none;
}
h1 a:hover {
	color: black;
}
.link3 a:hover, h2 a:hover {
	color: #f44;
	font-size: inherit;
}
.footer {
	margin-bottom: 0;
}
.shift-right {
	margin-left: 2px;
	max-width: px;
}
button, input {
	background-color: #fff;
	background-color: ;
	color:black;


	border: 1px solid black;
	font-size:12px;font-family: Menlo, 'Source Code Pro', Monaco,  monospace;

	line-height: 14px;
	text-transform: none;

	}

input:hover, button:hover {
	background-color: black;
	color:black;
	border: 1px solid black;
	}


input.email, input.email:hover {background-color: ; max-width:132px; height:18px;	border: 1px solid black; color:white;}

.buttons {
	display: block;
	line-height: 1.1ex;
	margin: 0;
	padding: 0;
}
span.description {
	color: #222;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-decoration: none;
	width: 400px !important;

}

span {
	padding: 0;
}
h2+.description, .link3+.description {
	margin-top: 5px!important;

}
#toTop {
	bottom: 1em;
	color: #c22;
	display: table-cell;
	font-family:  "Arial black", 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-size: 1em;
	margin: 0;
	overflow: hidden;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-top: 7px;
	position: fixed;
	right: 1em;
	text-decoration: none;
}
#toTop img {
	border: none!important;
	height: 60px;
	width: 60px;
}
#input3 {
	-moz-column-count: 2;
	-moz-column-gap: 45px;
	-webkit-column-count: 2;
	-webkit-column-gap: 45px;
	column-count: 2;
	column-gap: 45px;
	cursor: text;
	font-size:12px;font-family: Menlo, 'Source Code Pro', Monaco,  monospace;

	font-weight: 400;
	height: auto;
	line-height: 21px;
	margin: 0;
	max-width: 100%;
	padding: 2px 3px;
	text-transform: none;
}

#input3 b {
	font-size:12px;font-family: Menlo, 'Source Code Pro', Monaco,  monospace;
	text-transform: uppercase;
}
#block {
	display: inline-block;
	max-width:960px;
}

#block-title{
	display:inline-block;
}

.image {
	display: table-cell;
	height: auto;
	width: 100%;
background-color:white;
}
/*.image img {
background-color:white;
	height: auto;
	height: 90px;
	width: auto;


}*/

.image2 img.permahover{
	background-color:white;
		height: auto;
		max-height: 500px;
		max-width: 410px;
		max-width: %;


	  -webkit-filter: grayscale(00%)
	          brightness(100%)
	          contrast(100%);
	  filter: grayscale(0%)
	          brightness(100%)
	          contrast(100%);
}

.image2 img {
background-color:white;
	height: auto;
	max-height: 500px;
	max-width: 410px;
	max-width: %;


  -webkit-filter: grayscale(99%)
          brightness(77%)
          contrast(660%);
  filter: grayscale(99%)
          brightness(77%)
          contrast(660%);
}

.image2 img:hover {
background-color:white;
	height: auto;
	max-height: 500px;
	max-width: 410px;
	max-width: %;


  -webkit-filter: grayscale(00%)
          brightness(100%)
          contrast(100%);
  filter: grayscale(0%)
          brightness(100%)
          contrast(100%);
}

.image3 img.permahover{
	background-color:white;
		height: auto;
		max-height: 500px;
		max-width: 429px;
		max-width: %;


	  -webkit-filter: grayscale(00%)
	          brightness(100%)
	          contrast(100%);
	  filter: grayscale(0%)
	          brightness(100%)
	          contrast(100%);
}

.image3 img {
background-color:white;
	height: auto;
	max-height: 500px;
	max-width: 429px;
	max-width: %;
}

.image4 img {
background-color:white;
	height: auto;
	max-height: 1200px;
	width: 865px;
}

.image3 img:hover {
background-color:white;
	height: auto;
	max-height: 500px;
	max-width: 429px;
	max-width: %;


  -webkit-filter: grayscale(00%)
          brightness(100%)
          contrast(100%);
  filter: grayscale(0%)
          brightness(100%)
          contrast(100%);
}

#imagefull img {
padding:0;margin:0;
display:block;
z-index: 2;
#-moz-box-shadow: 0.4vh 1px 40px 1px #aaa;
#-webkit-box-shadow: 0.4vh 1px 40px 1px #aaa;
#-o-box-shadow: 0.4vh 1px 40px 1px #aaa;
#box-shadow: 0.4vh 1px 40px 1px #aaa;
#filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaa, Direction=97, Strength=40);
}

table {
  border-collapse: separate;
  border-spacing: 0px 0;
	width: 100%;
}
td {padding:0px 45px 0px 0px; vertical-align: top; width:50%;}

.projects table {
  border-collapse: separate;
  border-spacing: 0px 0;
	width: 99%;
}
.projects td {padding:0px 7px 0px 0px; vertical-align: top; width:49%;}
/*.videoWrapper {
	position: relative;
	#padding-bottom: 56.25%; /* 16:9 */
	/*#padding-top: 0px;
	#height: 0;
}*/
/*.videoWrapper iframe, .videoWrapper object {
	#position: absolute;
	#top: 0;
	#left: 0;
	#width: %;
	#height: %;
	#display: table-cell;
	#height: auto;
	#width: auto;
	#max-height: 500px;
	#max-width: 600px;

}*/

/*@media (max-width: 2000px) {
	#block, #input3 {
		-moz-column-count: 1 !important;
		-webkit-column-count: 1 !important;
		column-count: 1 !important;
		line-height: 18px;

		max-width:95% !important;
	}
	.image2 img{
		max-width:95% !important;
		display: inline-block;
	}
	.videoWrapper iframe{
		max-width:95% !important;
		display: inline-block;
	}
	header {
		font-size: 16px;}
	table{
		width: 410px !important;
	}*/
	/*td {display:block;width:80%;}
	#header {max-width:800px !important;     min-height: 100vh !important;}
	#content {
		max-width:800px !important;     min-height: 100vh !important;
	}

}*/

@media (max-width: 949px) {


	#content {
		max-width:560px !important;   
	}
		#title  {font-size: px; 
	}

	#block, #input3 {
		-moz-column-count: 1 !important;
		-webkit-column-count: 1 !important;
		column-count: 1 !important;
		line-height: 18px;

		max-width:560px !important;
	}
	.image4 img{
		max-width:560px !important;

	}
	header {
		font-size: 16px;}

	td {display:block;width:100%;}

	#header {max-width:560px !important;     min-height: 100vh !important;}

	.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}
.videoWrapper iframe, .videoWrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width:560px !important; 
    max-height:315px !important;
}


}

@media (max-width: 650px) {
	#block, #input3 {
column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	max-width:410px !important;
		display: inline-block;
		max-width:95% !important;

	}

	#title  {font-size: px; 
	}

	html,
  body{
    width:100%;
    overflow-x:hidden;
  }

	.image2 img{
		max-width:95% !important;
		display: inline-block;
	}
	.image4 img{
		max-width:410px !important;
	}

	.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}
.videoWrapper iframe, .videoWrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

	td{display: block; width: 100%;}
	#content {
		max-width:400px !important;     min-height: 100vh !important;
	}
	/*table{
		width: 400px !important;
	}*/
	header {	padding:15px;
font-size: 16px;     min-height: 100vh !important;}

/*.description {max-width:400px !important;}*/
}


/* iphone */
@media  (min-width : 320px) and (max-width : 650px) {

    #block, #input3 {
	column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    max-width:100% !important;
			display: inline-block;
    }

	#title  {font-size: px; 
	}

		html,
  body{
    width:100%;
    overflow-x:hidden;
  }

		.image4 img, .image3 img, .image2 img{
			max-width:100% !important;
			display: inline-block;
		}

		.videoWrapper {

			position: relative;
			padding-bottom: 56.25%;
			padding-top: 0px;
			height: 0;
			margin-bottom:4px;
	}
	.videoWrapper iframe, .videoWrapper object {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
	}

		body{
			overflow-x: hidden;
		}
		.projects table, table{
			width: 100% !important;
		}
		.projects td, td{display: block; width: 100%;
			/*padding: 0 0 0 0;*/
		}
		#content {
			max-width:100% !important;     min-height: 100vh !important;
		}
		/*table{
			width: 95% !important;
		}*/
    header {	padding:15px;
	font-size: 16px;     min-height: 100vh !important;}

	/*.description {max-width:370px !important;}*/

}


object, iframe, img {
    //-webkit-box-shadow:  2px 6px 20px 0px rgba(0, 0, 0, 0.3);
    //-moz-box-shadow:  2px 6px 20px 0px rgba(0, 0, 0, 0.3);
    //box-shadow:  2px 6px 20px 0px rgba(0, 0, 0, 0.3);
}