/*!
 * Copyright (C) 2015 Codeplay Software Limited
 * All Rights Reserved.
 *
 * @author Scott Straughan
 */

section#products
{
	background: grey url(/public/images/home/test.jpg);
}

section#products > header
{
	color: white;
}

section#products > ul
{
	display: table;
	height: 21.88rem;
	padding: 0;
	list-style: none;
}

section#products > ul > li
{
	display: table-cell;
	text-align: center;
	color: white;
}

section#products > ul > li:nth-child(1)
{
	background-color: #0097d1;
}

section#products > ul > li:nth-child(2)
{
	background-color: #49535c;
}

section#products > ul > li:nth-child(3)
{
	background-color: #31404d;
}

section#products > ul > li:nth-child(4)
{
	background-color: #132c42;
}

section#products > ul > li > *
{
	padding: 0 3.125rem 0 3.125rem;
}

section#products > ul > li > h1
{
	padding: 0.9375rem 0 1.563rem 0;
	font-size: 1.3rem;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

section#products > ul > li > p
{
	text-align: left;
	padding: 1.25rem 3.125rem 1.25rem 3.125rem;
    font-size: 1rem;
    color: white;
}

/*
* Breakpoint.
*/
@media screen
and (max-width: 43.13rem)
{
	section#products > ul
	{
		display: block;
		height: inherit;
		list-style: none;
		padding: 0;
	}

	section#products > ul > li
	{
		display: list-item;
		height: auto;
		box-sizing: border-box;
	}

	section#products > ul > li > h1
	{
		padding: 1.563rem 0 1.563rem 0;
		display: inline-block;
		width: 100%;
	}

	section#products > ul > li > p
	{
		padding: 1.25rem 2.5rem 2.5rem 2.5rem;
		margin: 0;
	}
}