@import url(variables.css);

.cs-ad-container {
	background-image: url("../img/stars2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;

	border-radius: 20px;
	padding: 6px;

	margin: 2em 0;
}

.cs-ad-inner {
	margin: 0;
	border-radius: 14px;
	background-color: var(--back-color);
	padding: 0.5em 1em;

	column-gap: 0.5em;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cs-ad-col-img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cs-ad-img {
	height: 3em;
}

/* media queries: PCs,tablets > 900px */
@media (min-width: 768px) {
	.cs-ad-inner {
		flex-direction: row;
	}
}