body{
	background-image: url(../../img/black-bg.png);
}

.desc{
	border: 2px solid green;
	color: #fff;
	margin-top: 20px;
}

.desc h3{
	background-color: #46C322;
	margin: 0px;
	padding: 10px;
}

.desc p{
	background-color: #4B4B4B;
	margin: 0px;
	padding: 10px;
}

#games-list{
	margin-top: 50px;
}

.game-space{
	margin-bottom: 10px;
}

#welcome{
	color: #fff;
	margin-top: 50px;

}

.welcome-style{
	background-color: #4B4B4B;
	padding: 20px;
}

.welcome-style h3, h2{
	background-color: #46C322;
	border-radius: 5px;
        padding: 7px;
}

footer{
	
	color: #fff;
}

.footer-style{
	background-color: #000;
}

.image{
	position: relative;
	display: inline-block;
	top: 25px;
}

.caption{
	position: relative;
    width: 99%;
    bottom: 28px;
    left: 1px;
    opacity: 0.9;
}

.re-size img {
    width: 160px;
    height: 100px;
}

.re-size .caption{
	bottom: 72px;
}

.imganim img{
	-webkit-transition:all .6s ease-out;
	-moz-transition:all .6s ease-out;
	-o-transition:all .6s ease-out;
	transition:all .6s ease-out;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

.imganim img:hover{
	-webkit-transition:all .6s ease-out;
	-moz-transition:all .6s ease-out;
	-o-transition:all .6s ease-out;
	transition:all .6s ease-out;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}

.imganim:hover p{
	background-color:#4b4b4b !important;
	-webkit-transition:all .6s ease-out;
	-moz-transition:all .6s ease-out;
	-o-transition:all .6s ease-out;
	transition:all .6s ease-out;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}

.imganim .caption{
	-webkit-transition:all .6s ease-out;
	-moz-transition:all .6s ease-out;
	-o-transition:all .6s ease-out;
	transition:all .6s ease-out;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}



li.nav-item a {
    color: #000 !important;
    border-right: 1px solid #000;
    display: inline;
}

li.un a{
	border: none !important;
}

.bg-dark{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4fcf25+0,58d125+34,b0e62a+96,b0e62a+100 */
background: #4fcf25; /* Old browsers */
background: -moz-linear-gradient(top, #4fcf25 0%, #58d125 34%, #b0e62a 96%, #b0e62a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4fcf25 0%,#58d125 34%,#b0e62a 96%,#b0e62a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4fcf25 0%,#58d125 34%,#b0e62a 96%,#b0e62a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fcf25', endColorstr='#b0e62a',GradientType=0 ); /* IE6-9 */
}
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 4px solid #ffffff;
    border-radius: 8px;
    background: #79d925;
    background: -webkit-gradient(linear, left top, left bottom, from(#79d925), to(#aae629));
    background: -moz-linear-gradient(top, #79d925, #aae629);
    background: linear-gradient(to bottom, #79d925, #aae629);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 17px comic sans ms;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    background: #91ff2c;
    background: -webkit-gradient(linear, left top, left bottom, from(#91ff2c), to(#ccff31));
    background: -moz-linear-gradient(top, #91ff2c, #ccff31);
    background: linear-gradient(to bottom, #91ff2c, #ccff31);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #498216;
    background: -webkit-gradient(linear, left top, left bottom, from(#498216), to(#aae629));
    background: -moz-linear-gradient(top, #498216, #aae629);
    background: linear-gradient(to bottom, #498216, #aae629);
}
.dropup, .dropdown {
    display: flex;
    justify-content: flex-end;
}