@import 'variables';
@import '_mixins';

.page-content {
	overflow: hidden;
}

.box-01 {
	padding-bottom: 80px;

	@include respond-below(md) {
		padding-bottom: 50px;
	}

	#scontainer-137 {
		h2 {
			color: #000;
			font-size: 32px;
			font-weight: 300;
			letter-spacing: 4px;
			line-height: 1;
			font-family: 'URW Form', sans-serif;
			text-transform: uppercase;
			margin-bottom: 40px;
		}

		ul {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));
			column-gap: 70px;
			row-gap: 40px;

			li {
				display: flex;
				flex-direction: column;
				align-items: center;
				row-gap: 4px;

				img {
					width: 100%;
					max-width: 292px;
				}
				p {
					color: #000;
					font-size: 19px;
					font-weight: 400;
					font-family: 'URW Form', sans-serif;
					letter-spacing: 3px;
					margin: 0;
					text-transform: uppercase;
				}
			}
		}

		.row {
			&:not(:last-child) {
				margin-bottom: 90px;
			}
		}
	}
}

.box-02 {
	margin-bottom: 140px;

	.scontainer-content {
		p {
			margin: 0;
			color: #000;
			font-size: 15px;
			font-weight: 400;
			font-family: 'URW Form', sans-serif;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
	}
}