section.info {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;

	.left {
		flex: 2;

		ul {
			li {
				p {
					margin: 11px 0px;
				}
			}
		}

		.bottom-text {
			margin-top: 50px;
			text-align: center;
		}
	}

	.right {
		flex: 1;
		margin-left: 17px;

		img {
			width: 100%;
			height: auto;
		}

		strong {
			padding-top: 18px;
		}
	}
}

@media only screen and (max-width: 640px) {
	section.info {
		flex-direction: column-reverse;
		align-items: center;

		.right {
			margin-left: 0px;
		}
	}
}

section.link {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 2%;
	padding: 17px;

	div {
		flex: 1;

		img {
			width: 100%;
			height: auto;
		}

		.link-info {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 42px;

			> p.title {
				font-size: 17.7px;
				font-family: proxima-nova;
				font-weight: 600;
				font-style: normal;
				letter-spacing: 5.3px;
				text-transform: uppercase;
				line-height: 19.4px;
				color: rgb(189, 189, 189);
				text-align: center;
			}

			> p.desc {
				text-align: center;
				margin-top: 23px;
			}

			> a {
				margin-top: 37.5px;
			}
		}
	}
}

@media only screen and (max-width: 640px) {
	section.link {
		div {
			img {
				width: 100%;
				height: auto;
			}

			.link-info {
				padding: 0px 5px;

				> p.title {
					font-size: 13px;
				}

				> p.desc {
					margin-top: 10px;
					font-size: 13px;
				}

				> a {
					margin-top: 20px;
				}
			}
		}
	}
}

section.news {
	padding: 0px !important;

	> div.story-container {
		display: flex;
		flex-direction: row;
		padding: 17px;

		> a.story {
			flex: 1;
			padding: 5px;
			text-decoration: none !important;

			max-width: 466px;

			> img {
				width: 100%;
				height: auto;
				max-height: 250px;
				object-fit: contain;
				object-position: center;
				background-color: #ffffff;

				border: 1px solid rgb(204, 204, 204);
			}

			> p {
				margin-top: 5px;

				&:visited {
					text-decoration: none !important;
				}
			}
		}
	}
}

@media only screen and (max-width: 640px) {
	section.news {
		> div.story-container {
			display: flex;
			flex-direction: row;
			padding: 17px;

			> a.story {
				> p {
					font-size: 13px;
				}
			}
		}
	}
}
