@font-face {
	font-family: Proxima Nova Rg;
	src: url(fonts/ProximaNova-Regular.eot);
	src: url(fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Regular.woff) format("woff"), url(fonts/ProximaNova-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Proxima Nova Rg;
	src: url(fonts/ProximaNova-Bold.eot);
	src: url(fonts/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Bold.woff) format("woff"), url(fonts/ProximaNova-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Proxima Nova Rg;
	src: url(fonts/ProximaNova-Light.eot);
	src: url(fonts/ProximaNova-Light.eot?#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Light.woff) format("woff"), url(fonts/ProximaNova-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: Proxima Nova Rg;
	src: url(fonts/ProximaNova-Semibold.eot);
	src: url(fonts/ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Semibold.woff) format("woff"), url(fonts/ProximaNova-Semibold.ttf) format("truetype");
	font-weight: 600;
	font-style: normal
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	font-family: Proxima Nova Rg, sans-serif;
	font-weight: 300;
	overflow-x: hidden;
	background:#000000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a,
a:hover {
	color: #a0ce6d;
	transition:0.3s all;
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 300;
	margin:0;
}

h1 {
	font-size:60px;
}

.wrapper {
	display:block;
	width:100%;
	overflow:hidden;
}

.hero {
    background: #121212 url(../img/hero-bg.jpg);
    background-size: cover;
}

.h-100 {
    min-height: 100vh;
}

.head {
	background:#000;
	border-top:1px solid #232323;
	border-bottom:1px solid #232323;
	padding:73px 0 67px;
}

.head h1 {
	letter-spacing:0.2em;
	line-height:1;
	color:#a0ce6d;
}

.artist {
	background:#101010;
}

.artist .col-sm-6 ,
.artist .container-fluid {
	padding:0;
}
	
.artist .row {
	margin:0;
}

.artist__info {
	padding:120px;
}

.artist__name {
	color:#a0ce6d;
	font-size:73px;
	line-height:81px;
	letter-spacing:0.01em;
}

.artist__url {
    color: #fff;
    font-size: 33px;
    line-height: 37px;
    letter-spacing: 0.01em;
    display: inline-block;
    margin: 7px 0 11px;
	text-transform:uppercase;
	position:relative;
}

.artist__url:before {
	content:"";
	background:#fff;
	width:0%;
	height:1px;
	position:absolute;
	bottom:0px;
	left:auto;
	right:0;
	transition:0.7s all;
}

.artist__url:hover:before {
	width:100%;
	right:auto;
	left:0;
	transition:0.7s all;
}

.artist__url:hover {
    color: #fff;
}

.artist__social a {
    font-size: 27px;
    margin-right: 10px;
    display: inline-block;
	color:#fff;
}

.artist__social a:hover {
	color: #a0ce6d;
}

.artist__social a i.fa-itunes-note {
    background: #fff;
    color: #101010;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    border-radius: 50%;
    position: relative;
    top: -5px;
}

.artist__social a i.fa-itunes-note:hover {
    background: #a0ce6d;
    color: #101010;
}

.artist__info.text-right .artist__social a {
    margin-right: 0px;
    margin-left: 16px;
}

.artist__social a i.fa-itunes-note,
.artist__social a i.fa-itunes-note:hover {
	transition:0.3s all;
}

footer {
	border-top:1px solid #232323;
	padding:45px 0;
}

footer p {
	margin:0;
	font-size:18px;
	line-height:1;
	color:#8a8a8a;
}

footer p a {
	font-weight:400;
	color:#89b15e;
	text-transform:uppercase;
}

footer p span {
    padding: 0 20px;
}

@media only screen and (max-width: 1600px) {
	.artist__name {
		font-size:64px;
	}
}

@media only screen and (max-width: 1500px) {
	.artist__name {
		font-size:60px;
	}
}

@media only screen and (max-width: 1400px) {

.artist__name {
    font-size: 58px;
    line-height: 65px;
}

.artist__url {
    font-size: 27px;
    line-height: 30px;
}

.artist__social a {
    font-size: 27px;
    margin-right: 10px;
}

.artist__social a i.fa-itunes-note {
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    top: -4px;
}

.artist__info {
    padding: 100px;
}

.head h1 {
	font-size:48px;
}

.head {
    padding: 53px 0 47px;
}

footer {
    padding: 45px 0;
}

footer p {
    font-size: 16px;
}

}

@media only screen and (max-width: 1300px) {
	.artist__name {
		font-size:50px;
	}
}

@media only screen and (max-width: 1200px) {
	.artist__name {
		font-size:44px;
	}
}

@media only screen and (max-width: 767px) {

.hero .logo img {
	max-width:300px;
	margin:0 auto;
	display:block;
}

.head h1 {
	font-size:30px;
	letter-spacing:0.15em;
}

.head {
    padding: 35px 0 30px;
}

footer {
    padding: 30px 0;
}

footer p {
    font-size: 14px;
}

}

@media only screen and (max-width: 480px) {

.h-100 {
    min-height: 60vh;
}

.hero .logo img {
	max-width:260px;
}

}

@media only screen and (max-width: 569px) {

footer p span {
    display: block;
    opacity: 0;
    height: 8px;
}

.artist__name {
    font-size: 33px;
    line-height: 45px;
}

.artist__url {
    font-size: 17px;
    line-height: 20px;
}

.artist__info.text-right .artist__social a,
.artist__social a {
    font-size: 17px;
    margin: 0 6px;
}

.artist__social a i.fa-itunes-note {
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    top: -2px;
}

.artist__info.text-right, .artist__info {
    padding: 100px 20px;
    text-align: center !important;
}

}

@media only screen and (min-width: 570px) and (max-width: 767px) {

.artist__name {
    font-size: 28px;
    line-height: 40px;
}

.artist__url {
    font-size: 16px;
    line-height: 20px;
}

.artist__info.text-right .artist__social a,
.artist__social a {
    font-size: 17px;
    margin: 0 4px;
}

.artist__social a i.fa-itunes-note {
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    top: -2px;
}

.artist__info.text-right, .artist__info {
    padding: 100px 30px;
}

}

@media only screen and (min-width: 768px) and (max-width: 1100px) {

.artist__name {
    font-size: 36px;
    line-height: 50px;
}

.artist__url {
    font-size: 22px;
    line-height: 30px;
}

.artist__info.text-right .artist__social a,
.artist__social a {
    font-size: 20px;
}

.artist__social a i.fa-itunes-note {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    top: -2px;
}

.artist__info.text-right, .artist__info {
    padding: 50px 50px;
}

}