body
{
    padding: 0px;
    margin: 0px;
    font-family: 'Fresca', sans-serif;
    background: #000000;
    background: url('../assets/texture.png');
    width: 100%;
    height: 100%;
}

#game_div
{
    width: 100%;
    height: 570px;
    min-width: 300px;
    min-height: 300px;
    max-width: 1000px;
    max-height: 600px;
}

.bg-black
{
	background: #000000;
}

@media screen and (max-width: 349px) /* .col-xs- */
{
	#game_div
	{
		height: 400px;
	}
}

@media screen and (min-width: 350px) and (max-width: 575px) /* .col-xs- */
{
	#game_div
	{
		height: 500px;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) /* .col-sm- */
{
	#game_div
	{
		height: 500px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) /* .col-md- */
{
	#game_div
	{
		height: 500px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) /* .col-lg- */
{

}

@media screen and (min-width: 1200px) and (max-width: 1439px) /* .col-xl- */
{

}

@media screen and (min-width: 1440px) and (max-width: 1619px) /* .col-xxl- */
{

}

@media screen and (min-width: 1620px) /* .col-xxxl- */
{

}