body {
	font-family:'Space Grotesk', sans-serif;
	font-weight:300;
	background:linear-gradient(138deg, #caeafd 0%, #bdf952 61%, #dbfde8 100%);
	background-color:#ff4e00;
	color:#00a4ff;
	margin:0;
	padding:0;
	height:100vh;
}

/* WEB FONTS */

@font-face {
    font-family: 'gin_experimentalregular';
    src: url('../fonts/gin_regular-webfont.woff2') format('woff2'),
         url('../fonts/gin_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gin_roundedregular';
    src: url('../fonts/gin_round-webfont.woff2') format('woff2'),
         url('../fonts/gin_round-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gin_roundeditalic';
    src: url('../fonts/gin_round_italic-webfont.woff2') format('woff2'),
         url('../fonts/gin_round_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gin_experimentalitalic';
    src: url('../fonts/gin_italic-webfont.woff2') format('woff2'),
         url('../fonts/gin_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* LAYOUT */

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

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

.breadcrumbs {
	width:74%;
	color:#101010;
	margin:0 0 4% 5%;
}

.avatar {
	position:fixed;
	padding:.25%;
	top:4%;
	right:3%;
	width:16%;
}

.content-full {
	width:94%;
	background-color:hsla(0, 0%, 6%,.98);
	border-radius:60px;
	margin:0 0 2% 0;
	padding:0;
	float: left;
}

.content-inside {
	width:86%;
	margin:2.4rem;
	float:left;
}

.bubble-inside {
	width:80%;
	margin:2rem 2.4rem;
	float:left;
}

.project-inset {
	width:31%;
	background-color:hsla(0, 0%, 6%,.98);
	border-radius:40px;
	margin:0 2% 2% 0;
	padding:0;
	float:left;
}

.project-second {
	width:61%;
	background-color:hsla(0, 0%, 6%,.98);
	margin:0 2% 2% 0;
	padding:0;
	border-radius:40px;
	float:left;
}

.artist-img {
	width:30%;	
	margin:0 0 2% 10%;
	float:left;
}

.artist-inset {
	width:42%;
	color:#101010;
	margin:0 0 2% 2%;
	padding:2.2rem 3rem 2.2rem 2.2rem;
	float:left;
}

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

.content-bottom {
	width:94%;
	color:#101010;
	border-top:#101010 solid 2px;
	margin:5% 0 0 0;
	padding:3%;
	float: left;
}

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

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

/* TYPOGRAPHY */

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:3%;
	max-width:92%;
}

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

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

h1 {
	font-size:9rem;
	font-weight:400;
	line-height:1;
	letter-spacing:.15rem;
	margin:0 0 2rem 0;
	padding:0;
	text-transform:uppercase;
}

h2 {
	font-size:2.8rem;
	line-height:1.2;
	margin:0 0 2rem 0;
}

h3 {
	font-size:2.2rem;
	font-weight:400;
	line-height:1.2;
	margin:0 0 2rem 0;
	text-transform:uppercase;
	letter-spacing:.07rem;
}

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

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

h6 {
	font-size:1.2rem;
	line-height:1.4;
	font-weight:400;
	margin:0 0 2rem 0;
}

.dates {
	text-transform:uppercase;
}

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

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

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

a {
	color:#00a4ff;
	font-weight:600;
}

a.blackish {
	color:#101010;
}

a.neon {
	color:#ff4c00;
}

a:hover {
	color:#ff4c00;
}

a.blackish:hover {
	color:#ff4c00;
}

a.neon:hover {
	color:#00a4ff;
}

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;
}

/* IMAGES */

.img-border {
	border-radius:20px;
}

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

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

/* TICKER */

.tcontainer {
	background-color:#ff4c00;
	border-radius:8px;
    width: 90%;
    overflow: hidden;
    padding: 1.5% 5% 1% 5%;
}

.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 30s 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: 1.2rem;
    font-weight:300;
    line-height:1.1;
	color:#101010;
}

/* MOBILE STYLING */

@media (max-width: 1280px) {
	.logo { max-width:30%; }
	.avatar { top:2%;right:2%; }
	.content-full { width:100%; }
	.content-inside { margin:2.2rem 2.4rem; }
	.bubble-inside { margin:2.2rem 2.4rem; }
	.project-inset { width:66%;margin:0 0 2% 0; }
	.project-second { width:90%;margin:0 0 2% 0; }
	.artist-img { margin:0 0 2% 5%; }
	.artist-inset { width:50%;margin:0 0 2% 2%; }
	h1 { font-size:6.2rem; }
	h2 { font-size:2.4rem; }
	h3 { font-size:1.8rem; }
	.bio { margin-top:2rem; }
	.img-small { max-width:75%; }
}

@media (max-width: 760px) {
	.inside { margin-top:10%;margin-right:3%; }
	.logo { max-width:50%; }
	.breadcrumbs { margin:0 0 5% 1%; }
	.avatar { width:22%;top:1%;right:2%; }
	.content-inside { margin:2.2rem; }
	.content-bubble { width:96%; }
	.bubble-inside { margin:1.6rem; }
	.big-text { font-size:12vw; }
	.project-inset { width:96%;margin:0 0 2% 0; }
	.project-second { width:96%;margin:0 0 2% 0; }
	.artist-img { width:90%;margin:0 5% 4% 4%; }
	.artist-inset { width:92%;margin:0 0 2% 1%;padding:0; }
	.bottom-inset { width:92%; }
	.bottom-second { width:92%; }
	h1 { font-size:3.2rem; }
	h2 { font-size:1.7rem; }
	h3 { font-size:1.4rem; }
	h4 { font-size:1.4rem; }
	h5 { font-size: 1.1rem; }
	.tcontainer { padding-top:2%; }
}