/*
Copyright (C) 2014-2015 Ido Filin. 

This HTML/CSS code is free software; you can redistribute it
and/or modify it under the terms of the GNU General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
General Public License for more details.

This license also applies to images (.jpg, .png and .svg files)
included by CSS code, such as site banner and list bullets.

The full text of the license should be available on the website
in plain text as /licenses/gpl3.txt, and in HTML format as
/licenses/gpl3.html. If not, see http://www.gnu.org/licenses/.
*/
 
@import url(main.css);
*[role='main'] figure:not(.logo):nth-of-type(n) {
	display : inline-block;
	padding : 0;
	margin : 0.8rem 0.6rem;
	height : 9rem;
	min-height : none;
	max-height : none;
	width : 9rem;
	min-width : 0;
	max-width : none;
	float : none;
	clear : none;
	background : transparent;
}
*[role='main'] figure:not(.logo) img:only-of-type, *[role='main'] figure:not(.logo) img, *[role='main'] figure:not(.logo) a {
	height : 100%;
	min-height : 0;
	max-height : none;
	width : 100%;
	min-width : 0;
	max-width : none;
	margin : auto;
	overflow : hidden;
}
*[role='main']>article {
	-webkit-order : 0;
	-moz-order : 0;
	-ms-order : 0;
	-o-order : 0;
	order : 0;
}
@media screen and (min-device-width:721px){
	*[role='main'] figure {
		display : inline-block;
		-webkit-flex : none;
		-moz-flex : none;
		-ms-flex : none;
		-o-flex : none;
		flex : none;
	}
	html>body>*[role='main'] {
		display : block;
		-webkit-flex : none;
		-moz-flex : none;
		-ms-flex : none;
		-o-flex : none;
		flex : none;
		text-align : justify;
	}
	*[role='main']>article {
		display : block;
		float : left;
		-webkit-flex : none;
		-moz-flex : none;
		-ms-flex : none;
		-o-flex : none;
		flex : none;
		max-width : 32em;
		float : left;
		clear : both;
	}
	figure:nth-of-type(4n-3), figure:nth-of-type(4n) {
		-webkit-transform : rotate(2deg);
		-moz-transform : rotate(2deg);
		-ms-transform : rotate(2deg);
		-o-transform : rotate(2deg);
		transform : rotate(2deg);
	}
	figure:nth-of-type(4n-2), figure:nth-of-type(4n-1) {
		-webkit-transform : rotate(-2deg);
		-moz-transform : rotate(-2deg);
		-ms-transform : rotate(-2deg);
		-o-transform : rotate(-2deg);
		transform : rotate(-2deg);
	}
	*[role='main'] figure:not(.logo):hover:nth-of-type(n) {
		-webkit-transform : scale(1.75);
		-moz-transform : scale(1.75);
		-ms-transform : scale(1.75);
		-o-transform : scale(1.75);
		transform : scale(1.75);
	}
	*[role='main'] figure.logo:hover:nth-of-type(n) {
		-webkit-transform : scale(1.75);
		-moz-transform : scale(1.75);
		-ms-transform : scale(1.75);
		-o-transform : scale(1.75);
		transform : scale(1.75);
	}
}
@media screen and (max-device-width:720px){
	*[role='main'] figure:not(.logo):nth-of-type(n) {
		max-width : 150px;
		max-height : 150px;
		-webkit-flex : 0 0 150px;
		-moz-flex : 0 0 150px;
		-ms-flex : 0 0 150px;
		-o-flex : 0 0 150px;
		flex : 0 0 150px;
		margin : 0.8em 2px;
	}
}