/* Body & text */

body{
	background: #000;
	padding: 0; margin: 0;
	color: #CCC;
	font-size: clamp(14px,0.8vw,18px);
	font-family: 'PT Sans', sans-serif;
	overflow-x: hidden;
	position: relative;
}

b{
	font-weight: bold;
}

p{
  padding-bottom: 1em;
	line-height: 1.15em;
}

a, a.visited{
  text-decoration: none;
	font-weight: bold;
  color: #F08;
	transition: all 150ms ease-in-out;
}

a:hover{
  color: #FFF;
}

h1,h2,h3{
	color: #FFF;
	background: linear-gradient(90deg, rgba(136,0,255,1) 0%, rgba(255,0,136,1) 100%);
	display: block;
	padding: 10px;
	position: relative;
	transition: font-size 150ms ease-in-out;
}

h1{
	font-weight: bold;
	font-size: 2.5em;
	padding: 25px 10px 25px 10px;
}

h2{
	font-size: 1.4em;
}

h3{
	font-size: 1.2em;
	font-weight: bold;
}

h4{
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	margin: 0.5em auto 1.1em auto;
}

ul{
	padding: 10px;
}

ul li{
	list-style-type: disc;
	margin-left: 15px;
	line-height: 1.15em;
}

.bigwrapper{
	width: 1200px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 100px;
	position: relative;
	transition: width 150ms ease-in-out;
	overflow: auto;
}

.bigwrapper.fixtotop{
	margin-top: 90px;
}

.wrapleft{
	width: calc(100% / 3 * 2);
	float: left;
}

.wrapright{
	width: calc(100% / 3 - 10px);
	margin-left: 10px;
	float:right;
}

/* Header */

header.front{
  width: 100%;
  height: 100%;
  background-image: url('../img/header.jpg?v=5');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
	background-attachment: fixed;
  padding: 0; margin: 0;
  position: relative;
  z-index: 125;
}

header.front.fixtotop{
	margin-bottom: 0px;
}

header.smaller{
  width: 100%;
  height: 150px;
  background-image: url('../img/header.jpg?v=5');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0; margin: 0;
  position: relative;
  z-index: 125;
}

#mainlogo{
	width: 100%;
  height: 100%;
  background-image: url('../img/logo.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin:0; padding:0;
}

header.smaller #mainlogo{
	width: 100%;
	height: 100%;
	background-size: auto 250%;
	border: 0;
}

/* Navigation */

nav{
  width: 100%;
  background-color: #121214;
  height: 70px;
  position: relative;
  z-index: 1000;
	letter-spacing: 0.2em;
	opacity: 1;
	transition: opacity 150ms ease-in-out;
}

nav #content{
  margin: 0 auto 0 auto;
  text-align: center;
}

nav #content a.nav-item{
  height: 20px;
	padding: 25px 10px 25px 10px;
	font-size: 1.175em;
	display: inline-flex;
	vertical-align: middle;
	font-weight: normal;
	transition: all 150ms ease-in-out;
  margin:0;
	color: #CCC;
	background-color: #121214;
}

nav #content a.nav-item:hover{
	color: #F08;
}

nav #content a.nav-item.active{
  background-color: #8800FF;
  color: #FFF;
}

/* Mobile Navigation */

#mobinav{
	height: 70px;
	width: 100%;
	background-color: #8800FF;
	background-image: url('../img/mobinavlogo.png');
	background-size: 50px 50px;
	background-position: center -70px;
	background-repeat: no-repeat;
	position: relative;
	margin: -70px auto 20px auto;
	z-index: 500;
	transform: translateX(-100%);
	transition: all 150ms ease-in-out, margin-top 0ms linear;
	text-align: left;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
}

a#mobinavToggle{
	float: left;
	cursor: pointer;
}

#mobinavButton{
	height: 50px;
	width: 50px;
	padding: 10px;
	fill: #121214;
	transition: all 150ms ease-in-out;
}

#mobinavButton.active{
	fill: #FFF;
	transform: rotateZ(90deg);
}

#actualMobinav{
	width: 200px;
	height: 100vh;
	background: #121214;
	position: absolute;
	left: 0; top: 70px;
	z-index: 450;
	transform: translateX(-200px);
	transition: all 150ms ease-in-out;
}

#actualMobinav a.nav-item{
	width: 190px;
	display: block;
	padding: 10px 0 10px 10px;
	border-top: 1px solid #232328;
	font-size: 1.25em;
	font-weight: normal;
}

#actualMobinav a.nav-item:first-of-type{
	border-top: 0;
}

#actualMobinav.visible{
	transform: translateX(0);
}

/* Nav Fixing */

nav.fixtotop{
	position: fixed;
	top: 0; left: 0;
	z-index: 100;
}

#mobinav.fixtotop{
	position: fixed;
	/* top: 0; left: 0; */
	z-index: 99;
	top: 70px;
	background-position: center 10px;
}

/* Front Page */

.latestworks{
	width: 100%;
	height: 250px;
	display: flex;
	position: relative;
	top: -20px;
	transition: height 150ms ease-in-out;
	z-index: 10;
}

.latestworks.fixtotop{
	top: 70px;
}

.latestworks a{
	width: calc(100% / 3);
	overflow: hidden;
}

.latestworks a .latest{
	width: 100%;
	height: 250px;
	display: inline-flex;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1);
	transition: all 150ms ease-in-out;
}

.latestworks a .latest:hover{
	transform: scale(1.5);
}

.homepostbanner{
	width: 100%;
	height: 200px;
	background-position: top center;
	background-size: cover;
}

h3 span.timestamp{
	color: #FFF;
	font-size: 0.6em;
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
}

.homecontent{
	width: calc(100% - 20px);
	padding: 10px;
	background: #121214;
}

.homepostbanner.exhibit{
	background-image: url('../../data/img/exhibit.jpg?ex11');
	height: 400px;
}

/* Footer */

footer{
	width: 100%;
	min-height: 100px;
	color: #888;
	font-size: 0.666em;
	background: #121214;
	text-align: center;
	padding-bottom: 75px;
	display: block;
	position: relative;
	z-index: 150;
}

footer .inner{
	max-width: 1200px;
	padding-top: 50px;
	margin: 0 auto 0 auto;
}

footer svg{
	width: 30px; height: 30px;
	padding: 8px;
	border: 2px solid #323232;
	fill: #323232;
	margin: 0 5px 0 5px;
	transition: all 150ms ease-in-out;
}

footer svg.twitter:hover{
	fill: #1ca0f1;
	border: 2px solid #1ca0f1;
}
footer svg.instagram:hover{
	fill: #e32e56;
	border: 2px solid #e32e56;
}
footer svg.rarible:hover{
	fill: #feda03;
	border: 2px solid #feda03;
}
footer svg.KOio:hover{
	fill: #4f67fe;
	border: 2px solid #4f67fe;
}
footer svg.facebook:hover{
	fill: #0d8af0;
	border: 2px solid #0d8af0;
}
footer svg.artstation:hover{
	fill: #13aeef;
	border: 2px solid #13aeef;
}
footer svg.deviantart:hover{
	fill: #00e59b;
	border: 2px solid #00e59b;
}
footer svg.behance:hover{
	fill: #0056ff;
	border: 2px solid #0056ff;
}
footer svg.vimeo:hover{
	fill: #1ab7ea;
	border: 2px solid #1ab7ea;
}

/* Work list */

.workbox{
	position: relative;
	padding-top: 20px;
	margin-top: -20px;
}

.worklist{
	/* background: #121214; */
	display: flex;
	flex-wrap: wrap;
	flex-basis: 33.3%;
}

.worklist a.work-object{
	background-color: #121214;
	width: calc(100% / 3);
	height: 200px !important;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 50;
	transition: all 150ms ease-in-out;
}

.worklist a.work-object .background{
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 150ms ease-in-out;
}

.worklist a.work-object:hover .background{
	transform: scale(1.5);
}

.worklist a.work-object .work-title{
	background: linear-gradient(90deg, rgba(136,0,255,0.75) 0%, rgba(255,0,136,0.75) 100%);
	height: 100%;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	font-size: 18px;
	transition: all 150ms ease-in-out;
	text-align: center;
	position: absolute;
	top: 0;	bottom: 0;
	left: 0; right: 0;
	padding: 92px 10px 0 10px;
	transform: translateY(100%);
	z-index: 55;
	display: block;
}

.worklist a.work-object:hover .work-title{
	transform: translateY(0%);
}

/* Work page */

.bgouter{
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	overflow: hidden;
}

.workbg{
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	filter: brightness(40%);
	overflow: hidden;
}

.soundcloud{
	width: 100%;
	overflow: auto;
	position: relative;
	display: block;
	border-top: 3px solid #80F;
}

.soundcloud iframe{
	position: relative;
	top: -3px;
	display: block;
}

.embed{
	position: relative;
	padding: 0 100% 56.25% 0px;
	overflow: hidden;
	height: auto;
	background: #121214;
	margin: 0 0 0 0;
	z-index: 10;
	clear: both;
}

.embed iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.spacer{
	display: block;
	width: 100%;
	height: 20px;
}

img.workimg.large{
	width: 100%;
}

img.workimg.wide{
	width: 100%;
}

img.workimg.semi{
	width: 50%;
}

img.workimg.small{
	width: calc(100%/3);
}

.infoarea{
	background: #121214;
	width: 100%;
	position: relative;
	display: grid;
  grid-template-columns: auto 40%;
  grid-template-rows: auto auto;
  gap: 20px 5px;
  grid-template-areas:
    "description elsewhere"
    "tools elsewhere";
	padding-bottom: 10px;
}

.description{
	grid-area: description;
	padding: 10px;
}

.infoarea h4{
	margin: 0 0 5px 0;
}

.elsewhere{
	grid-area: elsewhere;
	padding: 10px;
}

.elsewhere svg{
	width: 30px; height: 30px;
	margin: 0;
	fill: #CCC;
	transition: all 150ms ease-in-out;
	border: 2px solid #CCC;
	padding: 8px;
}

.elsewhere a{
	width: 50px; height: 50px;
	float: right;
	padding: 0;
	margin: 0 0 5px 5px;
}

.elsewhere svg.behance:hover{ fill:#0056ff; border: 2px solid #0056ff; }
.elsewhere svg.artstation:hover{ fill:#13aeef; border: 2px solid #13aeef; }
.elsewhere svg.deviantart:hover{ fill:#00e59b; border: 2px solid #00e59b; }
.elsewhere svg.KOio:hover{ fill:#4f67fe; border: 2px solid #4f67fe; }
.elsewhere svg.rarible:hover{ fill:#feda03; border: 2px solid #feda03; }

.elsewhere svg:hover{
	fill: #F08;
}

.tools{
	grid-area: tools;
	padding: 10px;
}

.workdl{
	width: calc(100%-20px);
	padding: 10px 10px 20px 10px;
	background: #121214;
}

.workdl a{
	font-weight: bold;
	padding: 5px;
	width: calc((100% / 3) - 10px);
	display: inline-block;
}

a.backtotop{
	width: calc(100%-40px);
	text-align: center;
	padding: 20px;
	background: #121214;
	display: block;
	margin-top: 50px;
}

a.backtotop:hover{
	width: calc(100%-40px);
	text-align: center;
	padding: 20px;
	background: #232328;
	display: block;
	margin-top: 50px;
}

/* Collaborator */

.collaborators{
	width: 100%;
	margin-bottom: 20px;
	background: #121214;
	display: flex;
}

.collaborators h3{
	width: 100%;
	display: block;
}

.collaborator{
	width: 100%;
	overflow: auto;
}

.collaborator img{
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 10px;
}

.collaborator .data{
	padding: 0 10px;
}

.collaborator:hover img{
}

/* Motion list */

.worklist a.work-object .overlay{
	background-color: rgba(0,0,0,0);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	position: absolute;
	bottom: 0; left: 0; right: 0; top: 0;
	z-index: 60;
	transition: all 150ms ease-in-out;
}

.worklist a.work-object .overlay.commons{
	background-image: url("../img/cc.svg");
}
.worklist a.work-object .overlay.rari{
	background-image: url("../img/rari.svg");
}
.worklist a.work-object .overlay.koio{
	background-image: url("../img/koio.svg");
}

.worklist a.work-object:hover .overlay{
	background-color: rgba(0,0,0,0);
}

/* Motion work */

.afterembed{
	background: #121214;
	margin: 0px 0 0px 0;
}

a#kasetti,
a.download{
	cursor: pointer;
	display: inline-block;
	transition: all 150ms ease-in-out;
	background: #121214;
	color: #666666;
	padding: 20px;
}

a#kasetti svg,
a.download svg{
	width: 40px; height: 40px;
	margin: 0 5px 0 0;
	fill: #666666;
	transition: all 150ms ease-in-out;
	vertical-align: middle;
}

a.download svg{
	width: 30px; height: 30px;
	padding: 5px;
}

.toggletext{
	opacity: 1;
	height: auto;
}

a#kasetti:hover,
a.download:hover{
	color: #FFFFFF;
	background: #232328;
	transition: all 150ms ease-in-out;
}

a.download{
	float: right;
}

a#kasetti:hover svg,
a.download:hover svg,
a#kasetti.activated:hover svg{
	fill: #FFFFFF;
}

a#kasetti.activated{
	background: #80F;
	color: #232328;
}

a#kasetti.activated svg{
	fill: #232328;
}

a#kasetti.activated:hover{
	background: #80F;
	color: #FFFFFF;
}

.afterembed .license{
	background: #121214;
	min-width: 50px;
	padding: 0 15px 0 20px;
	height: 80px;
	float: right;
	transition: all 150ms ease-in-out;
	cursor: help;
}

.afterembed .license svg{
	width: 40px;
	height: 40px;
	margin: 20px 5px 20px 0;
	fill: #666666;
	transition: all 150ms ease-in-out;
}

.afterembed .license:hover{
	background: #232328;
}

.afterembed .license:hover svg{
	fill: #FFFFFF;
}

/* Product list */

.product-jsp{
	width: 100%;
	height: 150px;
	background-color: #121214;
	background-image: url(../../data/products/jsplacement/big-banner.jpg);
	background-position: center center;
	background-size: 100%;
	position: relative;
	transition: all 150ms ease-in-out;
}

.product-jsp:hover{
	background-size: 150%;
}

.product-jsp a{
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
}

.product-jsp img{
	height: 130px;
	margin: 0 auto 0 auto;
	display: block;
	padding: 10px;
}

a.productlink{
	display: inline-grid;
	width: calc(100% / 2);
	height: 200px;
	font-size: 1em;
	color: #CCC;
	font-weight: normal;
}

.productbox{
	width: 100%;
	height: 100%;
	display: block;
	background-color: #121214;
	transition: all 150ms ease-in-out;
	position: relative;
}

.productbox:hover{
	background-color: #232328;
}

.productbox img{
	width: 200px;
	float:left;
}

.productbox .pname{
	width: calc(100% - 20px - 200px);
	padding: 10px;
	float: left;
	font-weight: bold;
	color: #FFF;
}

.productbox .pdesc{
	width: calc(100% - 20px - 200px);
	padding: 10px;
	float: left;
}

.productbox .price{
	position: absolute;
	bottom: 0; right: 0;
	padding: 10px;
	text-align: right;
	background: #80F;
	font-weight: bold;
}

/* Product page */

.prodbanner{
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center center;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 20px;
	position: relative;
}

.prodbanner.fixtotop{
	margin-top: 70px;
	margin-bottom: -70px;
}

.prodbanner .inner h1{
	background: transparent;
	text-shadow: 2px 2px 5px #000;
}

.dl-area{
	width: 390px;
	margin-left: 10px;
	float: right;
}

.info-area{
	width: 800px;
	float: left;
}

.infobox{
	background: #121214;
	padding: 10px;
	width: calc(100% - 20px);
}

.infobox.imgs{
	padding: 0;
	width: 100%;
}

.infobox.imgs img{
	width: 100%;
}

.dlbox,
.buybox{
	height: 64px;
	background-color: #121214;
	background-image: url("../img/dl-tray.svg");
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: 16px 16px;
	position: relative;
	transition: all 150ms ease-in-out;
	border-bottom: 1px solid #323232;
}

.dlbox:hover,
.buybox:hover{
	background-color: #232328;
}


.buybox{
	background-image: url("../img/gumbuy.png");
}

.buybox:last-child,
.dlbox:last-child{
	border-bottom: none;
	margin-bottom: 10px;
}

div + div:last-child .dlbox:last-child{
	margin-bottom: none;
}

.buybox a,
.dlbox a{
	width: 100%;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

.dlicon,
.buyicon{
	background-image: url("../img/dl-arrow.svg");
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: 16px 0px;
	padding: 10px;
	width: 44px; height: 44px;
	float: left;
	transition: all 150ms ease-in-out;
}

.buyicon{
	background-image: none;
}

.dltext .title{
	margin-bottom: 10px;
	display: block;
	font-size: 14px;
}

.info{
	display: block;
	font-weight: normal;
	color: #888;
	font-size: 13px;
}
.infored{
	display: block;
	font-weight: normal;
	color: #F00;
	font-size: 13px;
}

.dlbox:hover,
.buybox:hover{
	background-color: #121214;
}
.dlbox:hover .dlicon{
	background-position: 16px 6px;
}

/* JSplacement */

.prodbanner.jsp{
	background-image:url('../../data/products/jsplacement/header.jpg');
	background-position: center bottom;
	background-size: cover;
	height: 260px;
}

.prodbanner.jsp .jsplogo{
	height: 200px;
	padding: 30px;
}

.infobox.tut{
	padding: 0;
	width: 100%;
}

.tutvid{
	width:100%;
	padding-top: 56.25%;
	position: relative;
}

.tutvid iframe{
	position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.coins{
	text-align: center;
}

.coins img{
	width: 150px;
	padding:10px;
	transition: all 150ms ease-in-out;
}

.coins img:hover{
	background: #232328;
}

.tipjar svg{
	width: 42px;
	padding: 5px;
	background: #121214;
	fill: #CCC;
	border-width: 2px;
	border-style: solid;
	cursor: pointer;
	transition: all 150ms ease-in-out;
}

.tipjar.btc svg{ fill:#f7921a; border-color:#f7921a;}
.tipjar.btc:hover svg{ fill:#FFF; background:#f7921a;}
.tipjar.ltc svg{ fill:#bebebe; border-color:#bebebe;}
.tipjar.ltc:hover svg{ fill:#FFF; background:#bebebe;}
.tipjar.tez svg{ fill:#0D61FF; border-color:#0D61FF;}
.tipjar.tez:hover svg{ fill:#FFF; background:#0D61FF;}
.tipjar.eth svg{ fill:#6876e6; border-color:#6876e6;}
.tipjar.eth:hover svg{ fill:#FFF; background:#6876e6;}
.tipjar.doge svg{ fill:#c2a633; border-color:#c2a633;}
.tipjar.doge:hover svg{ fill:#FFF; background:#c2a633;}
.tipjar.bat svg{ fill:#ff4724; border-color:#ff4724;}
.tipjar.bat:hover svg{ fill:#FFF; background:#ff4724;}

#cryptogoeswhere{
	width: calc(100% - 20px);
	transition: all 150ms ease-in-out;
	padding: 10px;
	text-align: left;
	overflow: auto;
}

#cryptogoeswhere img{
	float:left;
	height: 150px;
	margin-right: 15px;
}

#cryptogoeswhere input,
#cryptogoeswhere button{
	border: 1px solid #FFF;
	background: #000;
	color: #FFF;
	padding: 5px;
	margin-right: 5px;
}

#cryptogoeswhere input{
	width: 350px;
}

/* Clean NFT */

.clean-nft-intro{
	width: calc(100%-20px);
	background: #121214;
	padding: 10px;
	margin-bottom: 40px;
}

/* Blog list */

a.blog-object{
	font-size: 20px;
	background-color: #000;
	display: block;
	width: calc(100% - 30px);
	height: 200px;
	padding: 15px 15px 0 15px;
	margin-bottom: 20px;
	transition: all 150ms ease-in-out;
	position: relative;
	overflow:hidden;
	z-index: 20;
	color: #CCC;
}

a.blog-object .bgbox{
	position: absolute;
	top: -20px; bottom: -20px;
	right: -20px; left: -20px;
	background-position: center center;
	background-size: cover;
	z-index: 10;
	transition: all 150ms ease-in-out;
}

a.blog-object .blog-type{
	display: block;
	background: #80F;
	text-align: center;
	width: 180px;
	padding: 15px 15px 15px 15px;
	margin: -15px 15px 15px -15px;
	color: #FFF;
	transition: all 150ms ease-in-out;
	position: relative;
	z-index: 25;
}

.blog-textzone{
	position: absolute;
	bottom: 0px;
	right: 0px; left: 0px;
	padding: 10px;
	z-index: 25;
	background: rgba(0, 0, 0, 0.75);
}

a.blog-object .blog-title{
	position: relative;
	z-index: 25;
	font-size: 25px;
	margin-bottom: 5px;
}

a.blog-object .blog-description{
	font-size: clamp(14px,0.8vw,18px);
	position: relative;
	z-index: 25;
	font-weight: normal;
}

a.blog-object:hover .bgbox{
	opacity: 0.8;
	transform: scale(1.25);
}

a.blog-object:last-of-type{
	border-bottom: 0;
	padding: 15px 15px 0 15px;
}

a.blog-object:last-of-type .blog-type{
	padding: 15px 15px 15px 15px;
	border-bottom: 0;
}

a.blog-object:hover{
	background-color: #121214;
}

/* Blogpost */

.blogheader{
	height: 250px;
}

.blogcontent{
	background: #121214;
	padding: 10px 0 20px 0;
	width: 100%;
	overflow: auto;
}

.blogcontent p{
	padding: 0 10px 1em 10px;
}

.blogcontent img{
	width: 100%;
	padding: 10px 0 20px 0;
}

.blogcontent h4{
	padding: 0 10px 0 10px;
}

code{
	background: #000;
	color: #0F0;
	font-family: monospace;
	padding: 10px;
	margin: 0 20px 1em 20px;
	border: 1px dashed #232323;
	display: block;
	white-space: pre-wrap;
}

span.nope{
	color: #888;
	text-decoration: line-through;
}

iframe.blogvid{
	float: right;
	overflow: visible;
	margin-bottom: 1em
}
/* About */

.aboutcontent{
	width: calc(100%-20px);
	padding: 10px;
	background: #121214;
	overflow: auto;
}

.aboutcontent img.dipshit{
	width: 200px;
	border: 5px solid #FFF;
	margin: 0px;
	float: right;
}

.wrapleft .member{
	display: inline-grid;
	width: calc((100% - 250px) / 3);
	font-size: 0.8em;
	text-align: center !important;
}

.wrapleft .member p{
	text-align: center !important;
}

.wrapleft .member img{
	height: 50px;
	margin-bottom: 10px;
}

/* 1250 scale */

@media (max-width: 1249px) {
	.bigwrapper{
		width: 800px;
	}
	.wrapleft,
	.wrapright{
		margin: 0;
		float: none;
		width: 100%;
	}
	nav #content{
		width: 800px;
	}
	nav #content a.nav-item{
	  height: 20px;
		padding: 25px 5px 25px 5px;
	}
	.dl-area{
		width: 100% !important;
	}
}

/* 800 scale */

@media (min-with: 800px){
	a.work-object{
		height: 200px !important;
	}
}

@media (max-width: 799px){
	.bigwrapper,
	.info-area,
	.dl-area{
	 width: 100% !important;
	}
	nav{
	 opacity: 0;
	 pointer-events: none;
	}
	#mobinav{
	 	transform: translateX(0%);
	}
	img.dipshit{
	 width: 150px !important;
	}

	#cryptogoeswhere img{
		float:none !important;
	}
	#cryptogoeswhere{
		text-align: center;
	}

	#cryptogoeswhere input{
		width: 100% !important;
		margin-bottom: 10px;
	}
	a.productlink{
		width: 100% !important;
	}
	a.work-object{
		width: 50% !important;
	}
	a.blog-object{
		font-size: 1em;
	}
	a.blog-object .blog-type{
		padding: 15px 5px 15px 5px !important;
	}
	a.blog-object .blog-title{
		font-size: 18px;
	}
	.latestworks{
		overflow: hidden;
		height: 0px !important;
	}
	.homepostbanner.exhibit{
		height: 200px;
	}
	img.workimg.small{
		width: 100% !important;
	}
}

/* 550 scale */

@media (max-width: 549px){
	img.dipshit{
		float: none !important;
		margin: 0 auto 20px auto !important;
	}
	.clubs{
		width: 100%;
		display: flex;
	}
	.member{
		width: calc(100% / 3) !important;
		display: block !important;
	}
	.aboutcontent{
		text-align: center;
	}
	.aboutcontent p{
		text-align: left;
	}
	footer .inner svg{
		width: 22px !important;
		height: 22px !important;
		padding: 6px !important;
		margin: 0 2px 0 2px !important;
	}
	.work-info svg{
		width: 16px !important;
		height: 16px !important;
		border-width: 1px !important;
		padding: 4px !important;
		margin-bottom: 5px;
	}
	.info-block{
		width: 100% !important;
	}

	h1{
		font-size: 1.35em !important;
	}
	a.work-object{
		width: 100% !important;
	}
	.homepostbanner{
		height: 100px;
	}
}

/* 350 */

@media (max-width: 349px){
	footer .inner svg{
		width: 12px !important;
		height: 12px !important;
		padding: 6px !important;
		margin: 0 2px 0 2px !important;
	}
	h3 span.timestamp{
		display: none !important;
	}
}