/* latin-ext */
/*@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local('Inconsolata'), url(https://fonts.gstatic.com/s/inconsolata/v11/BjAYBlHtW3CJxDcjzrnZCKE8kM4xWR1_1bYURRojRGc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local('Inconsolata'), url(https://fonts.gstatic.com/s/inconsolata/v11/BjAYBlHtW3CJxDcjzrnZCIgp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
/*@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 700;
  src: local('Inconsolata Bold'), local('Inconsolata-Bold'), url(https://fonts.gstatic.com/s/inconsolata/v11/AIed271kqQlcIRSOnQH0yYgd9OEPUCN3AdYW0e8tat4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 700;
  src: local('Inconsolata Bold'), local('Inconsolata-Bold'), url(https://fonts.gstatic.com/s/inconsolata/v11/AIed271kqQlcIRSOnQH0yf79_ZuUxCigM2DespTnFaw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/


body {
	margin: 0;
	padding: 0;
	background:#000; /*background: #191919;*/
	/*font-family: "Arial Narrow", Helvetica, Arial, monospace;*/
	font-family: "Inconsolata", "Menlo", monospace;
	/*font-size: 12px;*/
	color: #fff;
}

a:hover {
	color: #ffffff;
}

/* HEADER //////////////////////////////////////////////////////// */


#header-subtitle {
	/*margin-left: 20px;*/
	padding-top: 20px;	
	padding-bottom: 40px;
	text-transform: uppercase;
}

#header-corner {
	right:0;
	position: absolute	;
}

#header-txt{
	position: absolute	;
	top:30px;
	right:10px;
	width:3280px;
	height:100px;	
}

#header-txt p{
	margin: 0;
	padding: 0 0 3px 0;
}


#header-name {
	max-width: 400px;
	height:auto;
}

#right {
	float: right;
	padding-bottom: 30px;
}

#right .btn {
	padding-left: 20px;
	font-size:26px;
}

#right .btn:first-of-type  {
	padding-left: 0;
}

#right a {
	color: #999;
}

/* CONTAINER //////////////////////////////////////////////////////// */

#central-container {
	/*padding: 0 10px 0;*/
}

#central {
	max-width: 900px;
	margin:auto;
	background: #000;
	position: relative;
	/*margin-top: 30px;*/
	/*margin-bottom: 30px;*/
	padding: 20px 20px 0;

	/*padding-top: 100px;*/
	/*padding-top: 20px;*/
}

#info {
	/*margin: 0 0 40px 0;*/
}

#info span {
	/*letter-spacing: 1px;*/
	/*display: inline-block;*/
	/*padding-right:30px;*/
	/*padding-bottom: 30px;*/
	line-height: 24px;
	/*background: #222;*/
	/*color*/
}

span, p, a {
	color: #fff;
	text-decoration: none;
}

#title {
	color: #fff;
	font-size: 24px;
	letter-spacing: 4px;
	margin-bottom: 40px;
	/*font-weight: bold;*/

}

b {
	/*color: #333;*/
	/*font-weight: bold;*/
	font-size: 36px;
    vertical-align: text-top;
    line-height: 24px;
}




/* CONTENT //////////////////////////////////////////////////////// */


.fs {
	/*margin-bottom: 8px;*/
	width:100%;
}

.vine {
	text-align: center;
	margin: 0 0 80px 0;
}

.vine iframe {
	display: inline-block;
	max-width: 480px;
	max-height: 480px;
	min-width: 480px;
	min-height: 480px;
}

.vine div {
	display: inline;
}

video {

	background: #000;
	margin:0;
	padding: 0;
}

.page-content {
	text-align: center;
	margin: 0 0 50px 0;
}

.space {
	text-align: center;
	margin: 0 0 100px 0;
}

.padded-gifs img{
	margin: 40px;
}

.center {
	text-align: center;
}


.footnote {
	margin: 10px;
	letter-spacing: 1px;
	color: #999;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	margin: 0 0 80px 0;
} 
	
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; left: 0; 
	width: 100%; height: 100%; 
}

.description {
	text-transform: none;
}

.description a {
		/*color: #ffff66;*/
		/*background: #333;
		padding: 2px 4px 2px;*/
}

.centered {
	text-align: center;;
}

hr {
	margin: 40px 0 40px 0;
}

/* DOWNLOADS //////////////////////////////////////////////////////// */

.downloads {
	text-align: center;
	/*margin-top: 40px;*/
	float:right;
}

.downloads .title {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 24px;
	/*color: #999;*/
	/*font-weight: bold;*/
	margin-bottom: 20px;
}

.download-box {
	display: inline-block;
	margin: 0 0 20px 30px;
	background: #222;
	padding: 20px;
	border-radius: 20px;
}

.downloads .platform {
	margin-bottom: 10px;
	/*text-transform: uppercase;*/
	letter-spacing: 2px;
	/*font-size: 20px;*/
}

.icons {
	/*margin-bottom: 20px;*/
}

.downloads a.circle {
	margin: 10px;
	background: #ccc;
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 28px;
	text-align: middle;

	/*vertical-align: text-mi;*/
	border-radius: 40px;

	
    vertical-align: text-top;
    line-height: 50px;
}

.downloads i{
	color: #000;
	/*line-height: 50px;*/
}


/* FOOTER //////////////////////////////////////////////////////// */

#bottom {
	position: relative;
	text-align: center;
	font-size: 24px;
	padding: 30px;
	letter-spacing: 2px;
	line-height: 32px;
	
}

#bottom span {
	color: #999;
	margin: 10px;
}


#bottom a {
	display: inline-block;
}

#old-years {
	display: block;
}

#old-work {
	display: block;
}

#footer {
	width: 50px;
	height: 50px;
}


.dot {
	margin: 0 !important;
}

#bottom a {
	margin: 5px 10px 5px 10px;
	letter-spacing: 1px;
}


.wideSpace {
	width: 80px;
	display: inline-block;
	height: 10px;
}

@media (max-width: 550px) {
	#right {
		float: none;
	    text-align: center;
	}

	#title {
		text-align: center;
	}

	.downloads {
		float: none;
		text-align: center;
	}

	.downloads .download-box {
		margin-left: 0;
	}

	#title {
		line-height: 34px;
	}

	#bottom {
		font-size: 18px;
		line-height: 24px;
	}

	#friends a {
		display: block;
	}

	#friends .dot {
		display: none;
	}
}


@media (max-width: 450px) {
	.minLimit {
		max-width: 300px;
		height: inherit !important;
	}
}

@media (max-width: 899px) {
	.wideSpace {
		display: none;
	}

}