body {
	font-family: 'area-normal', sans-serif;
	font-weight: 300;
	background-color:#101010;
	color: #ADE67C;
	margin:0;
	padding:0;
}

.inside {
	margin:1% 10% 0 3%;
}

.logo {
	max-width:20%;
	margin-top:7%;
	margin-bottom:3%;
}

.breadcrumbs {
	margin:5% 0 0 10%;
}

.title {
	width:80%;
	height: auto;
	margin:-1% 0 0 -.5%;
}

.content-full {
	width:100%;
	background-color:#101010;
	border-radius:8px;
	margin:0 0 5% 0;
	padding:0 0 5% 0;
	float: left;
}

.content-inside {
	width:70%;
	margin:5% 10%;
	float: left;
}

.content-inset {
	width:25%;
	margin:0 0 5% 10%;
	float: left;
}

.inset {
	margin-left:20%;
}

.content-second {
	width:25%;
	margin:0 0 5% 5%;
	float: left;
}

.content-third {
	width:25%;
	margin:0 0 5% 5%;
	float: left;
}

.project-inset {
	width:25%;
	margin:5% 0 5% 10%;
	padding:2%;
	float: left;
	background-color:rgba(255,255,255,.1);
	border-radius: 8px;
}

.project-second {
	width:45%;
	margin:5% 0 5% 5%;
	float: left;
}

.artist-inset {
	width:60%;
	margin:5% 0 5% 20%;
	float: left;
	border-radius: 8px;
}

.avatar {
	position:fixed;
	top:24%;
	right:8%;
	width:10%;
}

.page-nav {
	margin-top:20%;
	text-align: right;
}

.content-bottom {
	width:94%;
	color:#101010;
	border-top:#101010 solid 2px;
	margin:5% 0 0 0;
	padding:3%;
	float: left;
	background: linear-gradient(138deg, rgba(210,168,255,1) 0%, #b2fe71 51%, rgba(188,147,231,1) 100%);
}

.bottom-inset {
	width:50%;
	margin:0 9% 0 0;
	float: left;
}

.bottom-second {
	width:35%;
	margin:0;
	float: left;
}

.scale-with-grid {
	width:100%;
	height:auto;
}

p {
	font-size:1.1rem;
	line-height: 1.5;
	margin-top:0;
	margin-bottom:2rem;
}

.credits {
	font-size:1rem;
	line-height: 1.5;
}

.bio {
	margin-top:5%;
	max-width:92%;
}

.img-credits {
	font-size:.6rem;
	text-align: right;
	margin-top:0;
}

.mini-text {
	font-size:.8rem;
}

h1 {
	font-family: "hoverunit", sans-serif;
	font-size:12rem;
	font-weight:600;
	line-height: 1.2;
	margin:-3.2rem 0 0 -.7rem;
	padding:0;
}

h2 {
	font-size:3rem;
	line-height: 1.2;
	margin-top:0;
	margin-bottom:2rem;
}

h3 {
	font-family: "hoverunit", sans-serif;
	font-size:2.2rem;
	font-weight:400;
	line-height: 1.1;
	margin-top:0;
	margin-bottom:2rem;
}

h4 {
	font-size: 1.6rem;
	font-weight:300;
	line-height: 1.4;
	margin-top:0;
	margin-bottom:2rem;
}

h5 {
	font-size:1.2rem;
	line-height:1.4;
	font-weight:600;
	margin-top:1rem;
	margin-bottom:1rem;
}

h6 {
	font-size:1.2rem;
	line-height: 1.75;
	font-weight: 400;
	margin-top:0;
	margin-bottom:1rem;
}

.dates {
	text-transform: uppercase;
}

.no-padding {
	margin-bottom:0;
}

.some-padding {
	margin-bottom:.75rem;
}

.more-padding {
	margin-bottom:1rem;
}

a {
	color:#ADE67C;
	font-weight:600;
}

a.blackish {
	color:#101010;
}

a:hover {
	color:rgba(188,147,231,1);
}

a.blackish:hover {
	color:#8a43d6;
}

ul {
	padding:0;
	margin: 0 0 2rem 0;
}

li {
	font-size:1.2rem;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom:.25rem;
	list-style-type:none;
}

strong {
	font-weight:700;
}

img {
	border-radius:8px;
}

.img-small {
	max-width:50%;
}

.tcontainer {
    width: 100%;
    overflow: hidden;
    padding-top:.8%;
    border-bottom: #101010 solid 2px;
    background: rgb(210,168,255);
	background: rgb(210,168,255);
	background: linear-gradient(138deg, rgba(210,168,255,1) 0%, #b2fe71 51%, rgba(188,147,231,1) 100%);
}
    
.ticker-wrap {
    width: 100%;
    padding-left: 100%;
}

@keyframes ticker {
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.ticker-move {
    display: inline-block;
    white-space: nowrap;
    animation: ticker 20s infinite ease-out;
}

.ticker-move2 {
    display: inline-block;
    white-space: nowrap;
    animation: ticker 20s infinite ease-out;
    
}

.ticker-move:hover {
    animation-play-state: paused;
}

.ticker-move2:hover {
    animation-play-state: paused;
}

.ticker-item {
    display: inline-block;
    font-size: 2rem;
    font-weight:500;
    line-height:1.1;
    color: #101010;
    text-transform: uppercase;
}

@media (max-width: 1280px) {
	.breadcrumbs { margin:5% 10% 0 5%; }
	.content-inside { width:75%;margin:10%; }
	.content-inset { width:35%;margin:0 0 5% 10%; }
	.inset { margin-left:10%; }
	.project-inset { width:50%;margin-left:5%;margin-bottom:0;padding:3% 4% 3% 3%; }
	.project-second { width:65%;margin-left:5%; }
	.artist-inset { width:70%;margin-left:10%;padding:3% 4% 3% 3%; }
	.avatar { width:16%;top:18%;right:6%; }
}


@media (max-width: 760px) {
	.inside { margin-top:10%;margin-right:3%; }
	.logo { max-width:50%;margin-bottom:7%; }
	.title { width:66%; }
	.breadcrumbs { margin:5% 20% 5% 5%; }
	.content-full { width:95%; }
	.content-inset { width:85%;margin-bottom:10%; }
	.project-inset { width:70%;margin-bottom:5%; }
	.project-second { width:85%; }
	.artist-inset { width:90%;margin:0 0 0 2%; }
	.avatar { width:22%;top:16%;right:2%; }
	.bottom-inset { width:85%; }
	.bottom-second { width:90%; }
	h2 { font-size:2rem; }
	h4 { font-size:1.4rem; }
	h5 { font-size: 1.1rem; }
	.bio { max-width:100%; }
	.tcontainer { padding-top:2%; }
}