.container
				{
					width: 100%;
					max-width: 64rem; /* 1024 */
					font-size: 0.875rem; /* 14 */
					line-height: 1.375rem; /* 22 */
					margin: 0 auto;
					padding: 0.625rem; /* 10 */
				}


					.list
					{
						width: 100%;
						overflow: hidden;

						display: -webkit-flex;
						display: -ms-flexbox;
						display: flex;

						-webkit-flex-wrap: wrap;
						-ms-flex-wrap: wrap;
						flex-wrap: wrap;
					}
						.list__item
						{
							width: 33.333%;
							position: relative;
							float: left;
							padding: 0.625rem; /* 10 */

							display: -webkit-flex;
							display: -ms-flexbox;
							display: flex;
						}
							.list__item__inner
							{
								width: 100%;
								color: #474d51;
								background-color: #fff;
								overflow: hidden;

								-webkit-box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); /* 2 5 */
								box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); /* 2 5 */
							}
								.list__item img
								{
									width: 100%;
									display: block;
								}
								.list__item figcaption
								{
		                           padding: 0.70rem;
                                   font-family: "Oswald", sans-serif;
                                   font-weight: 700;
                                   font-size: 14px;
                                   letter-spacing: -0.3px;
                                   text-transform: uppercase;
                                   color: #f7ca34;
                                   background-color: #03457a;
								}


		@media screen and ( max-width: 640px ) /* 640 */
		{
			.list__item
			{
				width: 50%; /* 2 items per row */
			}
			@supports ( display: -webkit-flex ) or ( display: -ms-flex ) or ( display: flex )
			{
				html.no-js .list__item
				{
					width: 50%;
				}
			}
		}

		@media screen and ( max-width: 480px ) /* 480 */
		{
			.list__item
			{
				width: 100%; /* 1 item per row */
				float: none;
			}
				@supports ( display: -webkit-flex ) or ( display: -ms-flex ) or ( display: flex )
				{
					html.no-js .list__item
					{
						width: 100%;
					}
				}
				html.no-js .list__item img
				{
					max-width: none;
					float: none;
					margin-left: 0;
				}
		}