/* CSS Document */


@import url(icons.css);

/* sanchez-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sanchez';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sanchez-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/sanchez-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sanchez-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sanchez-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/sanchez-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sanchez-v13-latin-regular.svg#Sanchez') format('svg'); /* Legacy iOS */
}

/* rambla-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rambla';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rambla-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/rambla-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rambla-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rambla-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rambla-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rambla-v13-latin-regular.svg#Rambla') format('svg'); /* Legacy iOS */
}

* {
	-webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;	
}

figure img#logo {
	max-width: 50px;
	margin: .5em auto;	
}

#slogan h2 {
	margin-top: 1em;
	font-weight: normal;
}

header {
	margin: 1.5em 0;
}

body {
	background: #fff;
	font-family: "Sanchez", sans-serif;
	color: #777;
	font-size: .9em;
	line-height: 1.5em;
}
	.row {
		clear: both;
		width: 100%;	
	}
	
	.wrap {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 1em;
	}
	section {
		margin-bottom: 1.5em;	
	}
	.heading {
		margin: 2em 0 1em 0;	
	}


a:link, a:visited, a:hover, a:active {
	color: #818070;
}
	a:hover, a:active {
		color: #535348;
	}
	
	a.email {
	  background: #818070;
		color: #fff;
		-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
		padding: 1px 5px;
		font-size: .9em;	
	}
		a.email:hover {
			text-decoration: none;
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2);
  		-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2);
  		box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .2);
		}



h1, h2, h3, h4, p {
	margin-top: 0;	
}

h1 {
	font-family: "Rambla", sans-serif;
	font-size: 1.4em;
	color: #818070;
}
	
h2 {
	font-family: "Rambla", sans-serif;
	font-size: 1.2em;
	color: #818070;
	color: #FF8900;
	font-weight: normal;
}

h4 {
	font-family: "Rambla", sans-serif;
	font-size: 1.2em;
	color: #818070;
	font-weight: normal;
	margin: 2em 0 1em 0;
}
	h4:first-child {
		margin-top: 0;
	}
	
p.note {
	margin: 1em 0;
	font-size: .7em;
	color: #9f9f9f;
	text-transform: uppercase;
}

	
	span.date a {
		color: #9f9f9f;
		text-decoration: 1px solid #9f9f9f !important;
	}


i {
	margin-right: .3em;
	/* color: #0cf; */
	color: #777; 	
}
	i.heart {
		color: #C9365B;
	}

h2 {
	font-weight: bold;	
}

ul, ol {
	list-style: square;
	margin: 0 0 1em 0;
	padding: 0;
}
	ul li {
		margin: 0 0 .5em 1em;
	}

ul.portraits {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;

	
}


	ul.portraits li {
		list-style: none;
		margin: 0 0 1em 0;	
	}
	


ul.social {
	list-style: none;
	padding: 0 0 0 25%;	
	}
	ul.social li {
		margin: 0;	
	}

.logofremd {
	padding: 0 0 0 10%;
}

@media screen and (min-width: 40em) {

	.row {
		clear: both;
		width: 100%;	
	}
	.wrap {
		padding: 0 2em;
	}
	
	#slogan .wrap {
		position: relative;	
	}

		#slogan h2 {
			position: absolute;
			left: 1em;
			top: -5em;
			color: #fff;
			font-size: 2.1em;
		}
	
	header {
		margin: 1.5em 0 1em 0;	
	}
	
	figure img#logo {
		position: absolute;
		left: 4%;
		top: 4%;
		max-width: 150px;
		margin: 0;
		max-width: 150px;	
	}

	
	.heading {
		float: left;
		width: 33%;
		padding: 1em 0;
		margin: 0;	
	}
		.heading h2 {
			font-weight: normal;	
		}
	.content {
		float: right;
		width: 63%;
		padding: 1em 0;	
	}
	
		section .heading,
		section .content {
			border-top: 1px solid #ddd;
		}
		
	.content div {
		width: 46%;
		margin-right: 4%;
		float: left;	
	}	
	
	
	
	ul.portraits li {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
		ul.portraits li:last-child {
			margin-right: 0;
		}

}


@media screen and (min-width: 50em) {
	
	body {
		font-size: 1em;	
	}


}


footer {
	font-size: .8em;
	color: #9f9f9f;	
}


	
	
/* clearfix & extras
-------------------------------------------------------------------------------------------------- */
.group:after,
section:after,
header:after,
footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
img {
	max-width: 100%;
	display: block;	
}