html		{
		width:100%;
		height:100%;
		display:inline;
		margin:0px;
		}

body		{
		width:100%;
		margin:0px;
		padding:0px;
		padding-bottom:40px;
		border:0px;
		background-color:#ffffff;
		}

._pb		{
		aspect-ratio:282/37;
		height:32px;
		background-repeat:no-repeat;
		background-image:url(_pb.svg);
		opacity:1;
		margin-left:0px;
		overflow:hidden;
		}

._icga		{
		aspect-ratio:412/37;
		height:32px;
		background-repeat:no-repeat;
		background-image:url(_icga.svg);
		opacity:.47;
		margin-left:0px;
		overflow:hidden;
		}

div.title	{
		max-width:1800px;
		width:100%px;
		align:left;
		margin:0 auto;
		padding:0 4%;
		box-sizing:border-box; 
		display:flex;
		}

div		{
		max-width:1800px;
		width:100%;
		margin:0 auto;
		margin-top:40px;
		padding:0 4%;
		box-sizing:border-box;
		}

div.flex	{
		display:flex;
		flex-direction:row;
		align-items:flex-start;
		gap:20px;
		}

span.image	{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 0px;
		}

span.image video,
span.image img	{
		display: block;
		max-width: 100%;
		height: auto;
		user-select: none;
		pointer-events: none;
		flex: 1 1 auto;
		}

span.m_pair {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		}

span.m_pair video,
span.m_pair img {
		display: block;
		width: 50%;
		height: auto;
		user-select: none;
		pointer-events: none;
		margin: 0;
		padding: 0;
		border: none;
		}

span.text	{
		min-width:320px;
		max-width:320px;
		text-align:left;
		}

span.cat_label	{
		display:inline-block;
		width:auto;
		justify-content:flex-start;
		user-select:none;
		background-color: #e0e0e0;
		color:#808080;
		padding:3px;
		border-radius:4px;
		font:10px/10px Arial, sans-serif;
		text-transform:uppercase;
		white-space:nowrap;
		}

.post_title	{
		font:14px/16px Arial, sans-serif;
		text-align:left;
		margin:8px 0 -8px 0;
		color:#333333;
		}
		
.post_text	{
		font:12px/16px Arial, sans-serif;
		text-align:left;
		color:#666666;
		}

.social_btn	{
		width:100%;
		max-width:600px;
		font:20px/20px Arial, sans-serif;
		text-align:left;
		margin:0;
		margin-top:6px;
		background:white;
		padding:10px;
		border-radius:4px;
		border:1px solid #00000010;
		text-decoration:none;
		color:#000000;
		}

a.socbtn	{
		text-decoration:none;
		color:#000000;
		}

.social_btn:hover	{
		filter:invert(1);
		transition: filter 0.2s;
		font-weight:bold;
		}

.copyright	{
		font:12px/16px Arial, sans-serif;
		text-align:left;
		color:#b0b0b0;
		user-select:none;
		}

img.social_icon	{
		width:22px;
		height:22px;
		vertical-align:middle;
		position:relative;
		top:-2px;
		margin:0;
		margin-right:4px;
		}

/* Media query for smaller viewports */

@media (max-width: 1280px) {
	div.flex	{
			flex-direction: column; /* Stack items vertically */
			align-items: center; /* Center align content in smaller viewports */
			text-align: center; /* Center the text for better appearance */
			}
	span.text	{
			width:100%;
			max-width:100%;
			}
		}
		
@media (max-width: 800px) {
	span.m_pair video,
	span.m_pair img {
			width: 100%;
			}
		}