@charset "utf-8";

*
{
	border: none;
	padding: 0px;
	margin: 0px;
	resize: none;
	text-decoration: none;
	list-style: none;
	outline: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html, body
{
	width: 100%;
	overflow-x: hidden;
	background: #000;
}

.card
{
	width: 100%;
	margin: auto;
	text-align: center;
}

.card img
{
	max-width: 100%;
	max-height: auto;
}

.v
{
	display: none;
}

@media screen and (min-width: 1110px)
{
	.h
	{
		display: inline-block;
	}
 
}

@media screen and (max-width: 1109px)
{
	.h
	{
		display: none;
	}

	.v
	{
		display: inline-block;
	}
 
}


@media screen and (max-device-width: 1023px)
{ 
	.h
	{
		display: none;
	} 
	.v
	{
		display: inline-block;
	} 
}