@charset "UTF-8";
/* CSS Document */

html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}

header {
	padding: 32px;
}
main {
	padding: 20px;
}
footer {
	/*text-align: right;*/
	padding-left, padding-right, padding-bottom: 20px;
	font-size: small;
}

* {
	box-sizing: border-box
}

.authors {
	color:darkred;
	font-size: 80%;
}

.row {
	display: flex;
	flex-wrap: wrap;
	background-color:lightyellow;
}
.row:nth-child(even) {
	background-color: azure;
}


.fixed {
	width: 50%;
	max-width: 384px;
}
.fixed_img {
	width: 384px;
}

.variable {
	width: 50%;
	padding-left: 20px;
}
.variable strong {
	color: #000085;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/*Mobile View */

@media screen and (max-width: 768px) {
	.row {
		flex-direction: column;
		padding-bottom: 20px;
	}

	.fixed {
		width:100%;
		max-width: none;
	}
	
	.fixed img {
		width: auto;
		max-width: 100%;
	}
	.fixed_img {
		width: 100%;
		object-fit: cover;
	}
	.variable {
		width: 100%;
	}

}