body {
	background-color: #0f110c;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
}
a {
	color: #fffa00;
}
a:hover {
	color: #fffa0088;
}
.text-color {
	color: #fffa00;
}
#main {
	padding-top: 0;
	padding-bottom: 4rem;
}

#main .titlu {
	padding: 2.5rem;
	margin: 0;
	font-weight: 300;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-left: 5px;
	padding-right: 5px;
}
.modal {
	background-color: #0f110c;
}
.modal-content {
	background-color: transparent;
	color: #fff;
	border: 1px solid #00000000;
}
.modal-header {
	border: 1px solid #00000000;
}
.close {
	color: #fffa00;
}
.mlv-wrap {
	position: relative;
	width: 100%;
	padding-top: 100%;
	margin-bottom: 10px;
	z-index: 90;
}
.mlv {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	width: 100%;
	z-index: 100;
}
.wrapa {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	width: 100%;
	background-color: #000;
	z-index: 80;
}
.wrapa a {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.wrapa a img {
	display: block;
	width: 50px;
}

.mlv-wrap:hover .wrapa {
	z-index: 110;
}

.social-links {

}
.social-links a {
	font-size: .75rem;
	padding: .5rem;
	color: #8e9ea2;
	transition: all .5s ease-in-out
}
.social-links a:hover{
	color: #8e9ea280;
}
.copy{
	text-align: center;
	font-size: 12px;
}

h1, .h1{
	font-size: 2rem;
}
@media (min-width: 576px) {
	#main {
		padding-bottom: 5rem;
	}
	#main .titlu {
		padding: 2rem 0;
	}
	.social-links a {
		font-size: 1rem;
		padding: .5rem 1rem;
	}
	h1, .h1{
		font-size: 2.5rem;
	}
}

@media (min-width: 768px) {
	#main {
		padding-bottom: 4rem;
	}
	#main .titlu {
		padding: 1.5rem 0;
	}
	.modal-dialog {
	    max-width: 700px;
	    margin: 1.75rem auto;
	}
}
@media (min-width: 992px) {
	#main {
		padding-bottom: 3rem;
	}
	#main .titlu {
		padding: 1rem 0;
	}
	.modal-dialog {
	    max-width: 800px;
	    margin: 1.75rem auto;
	}
}