/*
- page assets

*/

body {
	background-color: rgba(27,56,99,1.00);
}
::selection {
	background-color: rgba(244,64,64,1.00);
	color: rgba(255,255,255,1.00);
}
.container-main {
	position: relative;
}
/*----- spacing -----*/
.mv-2 {
	margin-bottom: 30px;
	margin-top: 30px;
}
.pv-2 {
	padding-top: 30px;
	padding-bottom: 30px;
}
/*----- links -----*/
.link {
	text-decoration: none;
}
.link:hover {
	text-decoration: underline;
}
.link-white, .link-white:hover {
	color: rgba(255,255,255,1.00);
}
/*----- page assets -----*/
.red-assets {
	position: fixed;
}
.red-left {
	left: 0;
	top: 0;
}
.red-right {
	right: 0;
	bottom: 0;
}
/*----- text color -----*/
.text-white {
	color: rgba(255,255,255,1.00);
}
/*----- social icons -----*/
.icon-social {
	margin-top: 15px;
}
.icon-social img {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 15px;
}
.icon-social a:last-child img {
	margin-right: 0;
}
/*----- about link -----*/
.link-about {
	position: absolute;
	right: 15px;
	top: 15px;
}
/*----- player -----*/
.player--artwork .artwork img {
	display: none;
}
.player--artwork .artwork {
	background-color: transparent;
}
.player--artwork .controls {
	position: relative;
	margin-bottom: 0;
	opacity: 1;
}

/*----- mobile -----*/
@media screen and (max-width:767px) {
.red-assets {
	display: none;
}
}

@media screen and (min-width:768px) and (max-width:991px) {
.red-assets {
	width: 200px;
	height: auto;
}
}