.flip_card{
	overflow-y: hidden;
	margin-bottom: 20px;
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
}
.flip_card img{
	width:100%;
}
.flip_card h3{
	margin: 0px;
	font-size: 15pt;
	font-weight: 500;
	line-height: 30pt;
	font-family: 'Roboto', Sans-Serif;
}
.flip_card a{
	display:block;
	text-decoration: none;
	font-size:15pt;
	line-height:30pt;
}
.flip_card p{
	font-size: 15pt;
	line-height: 20pt;
	margin-top:0px;
	font-weight: 300;
}
.flip_card .flipcard_back{
	position:relative;
	background-color:white;
}
.flip_card .text{
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.flip_card .card_image:hover{
	cursor:pointer;
	opacity:0.9;
}
.flip_card .card_image:active{
	filter: brightness(0.9);
}
.flipcard_state{
	width:50px;
	height:50px;
	top: 262px;
	right: 25px;
	position:absolute;
	/*border: 1px solid white;*/
	border-radius: 25px;
}
.flipcard_state:hover{
	cursor:pointer;
	opacity:0.8;
}
.flipcard_state:active{
	opacity: 0.5;
}
.flipcard_state .vertical, .flipcard_state .horizontal{
	background-color:white;
	position:absolute;
}
.flipcard_state .horizontal{
	width:40px;
	height:1px;
	left: 5px;
	top:24.5px;
}
.flipcard_state .vertical{
	width:1px;
	height:40px;
	top: 5px;
	left: 24.5px;
}

@media only screen and (max-device-width : 720px) {
	.flip_card{
		width:100%;
	}
	.flip_card p{
		margin-top:10px!important;
		font-size:28pt!important;
		line-height:35pt!important;
	}
	.flip_card .flipcard_back ul, .flip_card .flipcard_back ol{
		padding-left:35px!important;
		margin-top:16px!important;
	}
	.flip_card .flipcard_back li{
		font-size:28pt!important;
		line-height:35pt!important;
	}
	.flipcard_state{
		top: 25px!important;
		width:40pt!important;
		height:40pt!important;
	}
	.flipcard_state .horizontal{
		width:40pt!important;
		height:2pt!important;
		top:19pt!important;
		left: 0px!important;
	}
	.flipcard_state .vertical{
		width:2pt!important;
		height:40pt!important;
		left: 19pt!important;
		top: 0px!important;
	}
}