.grid-sizer,
.grid-item
{
	width: calc(50% - 10px);
	margin-bottom: 10px;
}

.one-image
{
	height: auto;
}

.two-image
{
	height: auto;
}

.text-field
{
	background: transparent;

	padding: 0;
}

.logo-field
{
	width: 100%;
	margin: 50px 0;
}

.logo-field img
{
	max-width: 100%;
}

.text-field h3
{
	margin-top: 0;
}

.wrapper-text
{
	border-top: 2px solid black;

	width: -webkit-calc(33.33333333333333333333333% - 10px);
	width: calc(33.33333333333333333333333% - 10px);
	padding-top: 10px;
	margin-right: 10px;
	float: left;
}

.darken
{
	background: #d9d9d9;
}

.nav-left,
.nav-menu,
.nav-right
{
	margin-top: 25px;
	margin-bottom: 10px;
	background-size: cover;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 7px;
}

.nav-left
{
	background-image: url("../img/arrow-left-black.png");
}
.nav-left:hover
{
	background-image: url("../img/arrow-left-red.png");
}

.nav-right
{
	background-image: url("../img/arrow-right-black.png");
}
.nav-right:hover
{
	background-image: url("../img/arrow-right-red.png");
}

.nav-menu
{
	background-image: url("../img/menu-black.png");
}
.nav-menu:hover
{
	background-image: url("../img/menu-red.png");
}

@media (max-width: 1000px)
{
	.wrapper-text
	{
		float: none;
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
		margin-right: -10px;
		padding-top: 2em;

		text-align: center;
	}

	.logo-field
	{
		float: none;
		width: auto;
		margin: 0;
		padding: 0 0 2em 0;
	}

	.grid-sizer,
	.grid-item
	{
		width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px);
	}

	.nav-field
	{
		text-align: center;
	}

	.nav-left,
	.nav-right,
	.nav-menu
	{
		float: none;
		display: inline-block;
		margin-top: 0;
	}
}

@media (max-width: 640px)
{
	.grid-sizer,
	.grid-item
	{
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
	}

	.logo-field
	{
		float: none;
		max-width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.wrapper-text
	{
		float: none;
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
		margin-right: -10px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.text-field
	{
		width: 100%;
		margin-right: -10px;
		/*
		background-color: #d9d9d9;
		*/
		padding: 12px;
		font-size: 1.2em;
		line-height: 1.5em;
		margin-bottom: -10px;
		padding-bottom: 0px;

		text-align: center;
	}

	.nav-field
	{
		text-align: center;
	}

	.nav-left,
	.nav-right,
	.nav-menu
	{
		float: none;
		display: inline-block;
		margin-top: 0;
	}
}
/* vim: set ts=2 sw=2 smarttab: */