.ad-card
{
	display:flex;
	
	/* align content of both panels */
	align-items: center;
	justify-content: center;
	
	flex-direction: row;
	justify-content; flex-start;

	width:100%;
	gap:10px;
	
	padding: 20px;
	background-color: #d9ecf8;
	border-radius:10px;
	border: 1px solid #94c3e1;
	
	background-color: rgba(232, 238, 249, 1);
	background-image: linear-gradient(135deg, rgba(232, 238, 249, 1) 60%, rgba(152, 175, 245, 1) 30%);


	-webkit-box-shadow: -1px 5px 16px -9px rgba(61, 69, 167, 1);
	-moz-box-shadow: -1px 5px 16px -9px rgba(61, 69, 167, 1);
	box-shadow: -1px 5px 16px -9px rgba(61, 69, 167, 1);
}

.ad-card .panel-copy {
	width:60%;
}

.ad-card .panel-img {
	text-align:center;
	width:40%;
}

.ad-card .panel-copy .title {
	display:block;
	font-size:19pt;	
	font-weight:600;
	margin-bottom:30px;
}

.ad-card .panel-copy .mobile {
	display:none;
}	

.ad-card .panel-img .desktop {
	display:inline;		
}		

.ad-card .panel-copy ul {
	list-style: none;
	padding-left: 0; 
	margin-bottom:30px;
	
	list-style-position: inside;
}

.ad-card .panel-copy ul li
{
	font-size:13pt;
	position: relative;
	padding-left: 20px;
}

.ad-card .panel-copy ul li::before 
{
	position: absolute;
	left: 0;
	top: 0;

	content: '\2713\0020';
	color: green;
	margin-right: 20px;
}

.ad-card .panel-copy a {
	display:block;
	width:40%;
	margin:auto;
	text-align:center;
	
	padding:15px 0;
	background-color:#38a169;
	color:white;
	font-size:16pt;
	font-weight:700;
	letter-spacing:2px;
	border: 2px solid white;
	border-radius:10px;
}

.ad-card .panel-copy a:hover {
	background-color:#238953;
}	

.ad-card .panel-copy .memo {
	display:block;
	margin-top:10px;
	font-size:10pt;
	
}

@media screen and (max-width: 576px) 
{
	.ad-card .panel-copy,
	.ad-card .panel-img
	{
		width:100%;
	}
	
	.ad-card
	{
		flex-direction: column;
	}
	
	.ad-card .panel-copy .title {
		text-align:center;
		margin-bottom:10px;
	}
	
	
	.ad-card .panel-copy .mobile {
		display:block;
		width:60%;
		margin:auto;
	}	
	
	.ad-card .panel-img .desktop {
		display:none;
	}			
}

@media screen and (max-width: 668px) 
{
	.ad-card .panel-copy .title
	{
		font-size:17pt;
	}		
}		

@media screen and (max-width: 800px) 
{
	.ad-card .panel-copy ul li
	{
		font-size:11pt;
	}		
	
	.ad-card .panel-copy a
	{
		font-size:12pt;
	}
}