/* architects-daughter-regular - latin */
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: local('Architects Daughter Regular'), local('ArchitectsDaughter-Regular'),
       url('../fonts/architects-daughter-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/architects-daughter-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
	background: #fff;
	font-family: 'Architects Daughter', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	padding-top: 2em;
}


.inner {
	width: 640px;
	margin: 0 auto;
}

nav{
	font-size: 1.5em;
	color: #444;
	text-align: center;
	border-top: 2px dotted #ddd;
	border-bottom: 2px dotted #ddd;
	padding: 0.5ex 0;
	margin: 1em 0;
	line-height: 1.5em;
}

nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

nav li{
	padding: 0 0.5em;
	margin: 0;
	display: inline-block;
}

nav li a{
	color: #444;
	text-decoration: none;
}

h1{
	font-size: 2em;
	color: #444;
	text-align: center;
	border-top: 2px dotted #ddd;
	border-bottom: 2px dotted #ddd;
	padding: 0.5ex 0;
	margin: 1em 0;
	line-height: 1.5em;
}

.logo {
	display: block;
	margin: 1ex auto;
	background: #c00; 
	width: 1.1em; 
	height: 1.2em; 
	line-height: 1.3em; 
	text-align: center; 
	border-radius: 1em; 
	color: #fff; 
	padding: 0 0 0 0.1em; 
	font-size: 6em;
}

h2{
	font-size: 1.5em;
	color: #333;
	text-align: center;
}

h3{
	font-size: 1em;
	color: #333;
	text-align: center;
}

.home .logo{
	font-size: 12em;
	margin: 0.5ex auto;
}

.home h2 {
	text-align: center;
	font-size: 2em;
		color: #444;
}

.collections #content ul{
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.collections #content li a{
	font-size: 1.5em;
		text-decoration: none;
		color: #c00;
		display: block;
		padding: 1ex 0;
		margin: 1em 0;
}

.inner img{
	max-width: 100%;
	margin: 1em 0;
}

p{
	color: #555;
}

.tagline{
	text-align: center;
	color: #555;
	font-size: 1.5em;
	margin-bottom: 1em;
}

footer{
	clear: both;
	color: #ccc;
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: center;
}

#content a{
	color: #a00;
	text-decoration: none;
}

#content a:visited{
	color: #800;
}
#content a:hover{
	color: #d00;
}

.gallery{
	font-size: 2em;
	text-align: center;
}

.gallery img{
	display: inline-block;
	width: 45%;
	margin: 0.5ex 0;
	border: 0.5ex solid #000;
}

footer a{
	color: #ccc;
}


#content a.buybutton:hover{
	background: #d00;
}
#content a.buybutton{
	display: block;
	margin: 1em auto;
	width: 10em;
	background: #a00;
	color: #fff;
	padding: 1ex;
	text-align: center;
	font-size: 1.5em;
}

img {
	pointer-events:none;
}
@media screen and (max-width: 660px) {

	body{
		font-size: 14px;
		margin: 1em;
	}
	
	.gallery img{
		width: 48%;
	}
	
	.inner {
		width: 100%;
	}
	
}