@charset "utf-8";
/* CSS Document for Flexbox card method */


					.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: 25%;
							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: 1.25rem; /* 20 */
								}


						/* JavaScript disabled */

						html.no-js .list__item
						{
							width: 100%;
							float: none;
						}
							html.no-js .list__item img
							{
								max-width: 9.375rem; /* 150 */
								float: right;
								margin-left: 1.25rem; /* 20 */
							}

						@supports ( display: -webkit-flex ) or ( display: -ms-flex ) or ( display: flex )
						{
							html.no-js .list__item
							{
								width: 25%;
								float: left;
							}
								html.no-js .list__item img
								{
									max-width: none;
									float: none;
									margin-left: 0;
								}
						}

			
		@media screen and ( max-width: 64em ) /* 1024 */
		{
			body
			{
				padding: 2.5rem 0; /* 40 */
			}
		}

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

		@media screen and ( max-width: 40em ) /* 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 : 25em )
		{
			.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;
				}
		}

/* About Section */
.text_column {
	width: 90%;
	text-align: left;
	font-weight: lighter;
	line-height: 25px;
	margin: 2%;
	color: #A3A3A3;
}