/* @import url(https://fonts.googleapis.com/css?family=Glegoo|Source+Sans+Pro|Open+Sans|Source+Code+Pro); */
@import url('https://fonts.googleapis.com/css?family=Inter|Source+Sans+Pro:400,600|Open+Sans:300,400,600|Source+Code+Pro');
* {
	font-family: 'Inter';
}
a {
	/* fade link effects on hover */
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
	}
body {
	background: #f8f8f8;
	margin: 0px;
	padding: 0px;
	font-weight: 200;
	}
	section#content {
		width: 70%;
		max-width: 800px;
		background: black;
		background: rgba(0, 0, 0, 0.9);
		/*margin-bottom: 15px;*/
		color: #d8d8d8;
		/*border-radius: 3px;*/
		padding: 30px 20px 30px 20px;
		}
		body.white section#content {
			background: rgba(255,2555,255, 0.7);
			color: #2b2b2b;
		}
		section#content.content-left {
			margin-left: 10%;
			margin-right: auto;
		}
		section#content.content-left-bkgd {
			/*margin-left: 10%;*/
			padding-left: 10%;
			margin-right: auto;
		}
		section#content.content-right {
			margin-right: 10%;
			margin-left: auto;
		}
		section#content.section#content.content-left-bkgd {
			padding-right: 10%;
			margin-left: auto;
		}

		section h1 {
			font-family: 'Glegoo';
			margin-bottom: 0px;
			max-width: 100%;
			visibility: hidden;
			height: 0px;
			padding: 0px;
			margin: 0px;
			}
		section p {
			padding: 0px;
			/* font-family: 'Source Sans Pro'; */
			/* font-weight: 400; */
/* 			font-size: 15px; */
/* 			letter-spacing: 0.1px; */
			}
			section p + p {
				display: block;
				margin-top: 10px;
			}
			section p code {
				font-family: 'Source Code Pro';
				font-weight: 400;
				font-size: 13px;
				border: 1px solid #e4e4e4;
				padding: 2px;
				border-radius: 3px;
				background: #fdfdfd;
				color: #464646;
			}
		section hr {
			border: 0px;
			border-top: 1px solid #dadada;
			margin-top: 10px;
			margin-bottom: 15px;
		}

		.release_album, .release_single {
			/* display:none; */
		}

/* responsive styles */
@media screen and (max-width: 580px) {


    .responsive-nomobile {
        display: none !important;
    }

    .responsive-nomobilenotimportant {
        display: none;
    }

    .responsive-mobile {
        display: inherit !important;
    }
		section#content.content-left-bkgd {
			margin-left: 0% !important;
			padding-left: 0%;
		}

}
@media screen and (max-width: 580px) and (max-height: 740px) {

    .responsive-nomobile {
        display: none !important;
    }

    .responsive-nomobilenotimportant {
        display: none;
    }

    .responsive-mobile {
        display: inherit !important;
    }
}

/* Medium Screen Rules */
@media screen and (min-width: 580px) and (max-width: 1024px) {

    .responsive-notablet {
        display: none !important;
    }

    .responsive-tablet {
        display: inherit !important;
    }
}

/* tablet and above */
@media screen and (min-width: 1024px) and (max-width: 1699px) {

    .responsive-nodesktop {
        display: none !important;
    }

    .responsive-desktop {
        display: inherit !important;
    }
}

@media screen and (min-width: 1700px) {

    .responsive-nodesktop {
        display: none !important;
    }

    .responsive-desktop {
        display: inherit !important;
    }
}
