@import "dark-background.css";


a, abbr, address, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, label, legend, li, object, ol, p, pre, q, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {
    
    border: 0;
    margin: 0;
    padding: 0;

}

a {

	text-decoration:none;

}

img {

	border:none;

}

button {

	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background-color:transparent;

}

button:focus {

	outline: none;

}

body {

	overflow-y:scroll;
	overflow-x:hidden;
	min-width: 0;
    margin: 0;
    padding: 0;
    height: 100%;
	color: #e0e0e0;

}

.main{

	margin-top: 45px;
	margin-bottom: 45px;

}

.main-item{
	
	display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 15px 0;
    border-radius: 7px;

}

.main-item:hover{

    box-shadow: 0 0 0 4px rgba(247,147,30,.9);

}

.main-item-name{

	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	/*background: rgba(230,230,230,0.8);*/
	background: rgba(154,157,160,0.8);
    font-size: 18px;
    color: #272b30;

}

.main-item-name *{

	font-weight: bold !important;

}

.intrinsic-ratios-box > div{

    height: 0;
    padding-bottom: 56.25%; /*360/640*/
    width: 100%;
    position: relative;

}

.intrinsic-ratios-box > div > div{

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

@media (max-width:767px) {
	.main .col{
		
		padding-left: 7px;
		padding-right: 7px;
		
	}
	
	.main .main-item{
	
		margin: 7px 0;
		
	}
}