/*
Theme Name: Photographier
Author: Jörn Johansen
Author URI: https://jenero.net
Description: WordPress-Theme "photographier" – Fotografie erleben & verstehen.
Version: 1.0
Text Domain: photographier

Orange: #F29100
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	width: 100%;
	max-width: 500px;
	margin: auto;
	background-color: #777;
	font-family: 'Roboto Condensed';
	font-size: 100%;
}

a {
	color: #F29100;
	text-decoration: none;
}

a:visited {
	color: #efa83e;
}

a:hover,
a:active,
a:focus {
	color: #af6b04;
	text-decoration: none;
}

#wrapper {
	/*display: grid;
	grid-template-columns: 1fr;*/
	min-height: 100vh;
	padding: 8%;
	background-color: #fff;
}

#logo {
	text-align: right;
}

#logo img {
	width: 65%;
}

#claim {
	font-size: 200%;
	padding: 7% 0 25%;
}

#pictograms {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#pictograms img {
	width: 80px;
	transition: filter 0s;
}

#pictograms img:hover {
	filter: grayscale(100%);
}

#intro {
	font-size: 240%;
	font-weight: 700;
	padding: 15% 10%;
}

#back {
	text-align: right;
}

#back a {
	display: block;
	padding: 10px 0 0;
}

#back img {
	width: 60px;
}

#headline h2 {
	font-size: 260%;
	color: #777;
}

#content {}

/*
@media screen and (min-width: 800px) {
	#wrapper {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(6, 1fr);
	}
	#logo {
		grid-area: 1 / 1 / 2 / 2;
	}
	#claim {
		grid-area: 2 / 1 / 3 / 2;
	}
	#pictograms {
		grid-area: 1 / 2 / 3 / 3;
	}
	#intro {
		grid-area: 3 / 1 / 4 / 3;
	}
	#back {
		grid-area: 4 / 1 / 5 / 3;
	}
	#headline {
		grid-area: 5 / 1 / 6 / 3;
	}
	#content {
		grid-area: 6 / 1 / 7 / 3;
	}
}
	*/