html, body {
	background-color: #FFF;
	overflow-x: hidden;
    margin: auto 0px;

}


/* LINKS */
a:link {
	font-weight: 600;
	text-decoration: none;
	color: #CC0033;
	font-family: /* "skolar-1","skolar-2",georgia,serif; */ "eskorte-latin-1","eskorte-latin-2", georgia, serif;
}
a:hover, a:active {
	color: #CC0033;
	text-decoration: none;
	border-bottom: 1px dotted #CC0033;

}
a:visited {
	color: #CC0033;
	text-decoration:none;
}



/* HEADER STYLE */
header {
    background-color: #e00000;
background-size: 100px 20px;
background-position: 0px 10px, 10px, 9px 3px, 37px 46px,
0px 36px, 4px 2px, 29px 6px, 33px 30px;
background-image: 
linear-gradient(23deg, #CC0033 26px, transparent 23px),
linear-gradient(105deg, #CC0033 26px, transparent 23px),
linear-gradient(335deg, #CC0033 2px, transparent 23px),
linear-gradient(155deg, #CC0033 20px, transparent 23px),
linear-gradient(335deg, #CC0033 11px, transparent 10px),
linear-gradient(155deg, #CC0033 11px, transparent 10px),
linear-gradient(335deg, #CC0033 11px, transparent 10px),
linear-gradient(155deg, #CC0033 11px, transparent 10px);
    
color: #FFFFFF;
width: 100%;
    
margin-bottom: 3rem;

}

h1{
font-size: 3.5em;
font-family: "adelle-sans-1","adelle-sans-2",sans-serif;
font-weight: 900;
text-decoration: none;
padding: 6% 0% 0% 7%;
margin: 0px;
    line-height: .9em;

}

header h1 a:link, header h1 a:visited {
font-family: "adelle-sans-1","adelle-sans-2",sans-serif;
    font-weight: 900;
border-bottom: 0px;
color: rgba(255,255,255, .8);
}


h5 {
    
    font-family: "eskorte-latin-1","eskorte-latin-2", georgia, serif;
    font-style: italic;
    font-size: 1.25em;
    color: rgba(255,255,255,.8);
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 0px;
    text-transform: lowercase;
    padding: 0% 0% 6% 7%;
}


h3 {
	font-style: normal;
    font-weight: 900;
    color: rgba(34, 34, 34, 0.37);
    border-bottom: 1px #999 solid;
    padding-bottom: 10px;
    margin: 9px 0px;
    font-family: "adelle-sans-1","adelle-sans-2",sans-serif;
    letter-spacing: .3px;
    text-transform: lowercase;
    font-size: 1.6em;

	
}


h3 span {
 color: rgba(255,255,255,.9);   
 font-weight: 600;
}



/* GRID LAYOUT */



#container {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 40px;
    font-family: "eskorte-latin-1","eskorte-latin-2", georgia, serif;
	font-size: 1.025em;
	font-style: normal;
	color: #000;
	background-color: transparent;
	height: auto;
	width: 90%;

	padding: 0 0 0 0%;
	font-weight: 300;
	line-height: 1.75em;
	margin: 0px auto;

	
}

.archivepage {
display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 50px;
}



/*SECTION TWEAKS */


section.projects {
    padding:0 2%;
    line-height: 1.5em;
    font-size: .9em;
    margin-top: 0;
}


section.colophon, section.contact {
padding: 0 2%;
    line-height: 1.5em;
    font-size: .9em;
    margin-top: 0;
}



section.news, section.about {
    padding: 0 2%;
    line-height: 1.5em;
    font-size: .9em;
    margin-top: 0;
}



li {
list-style:none;
padding-bottom: 1em;
}



.date
{font-weight: 700;
}

.archive
{font-weight: 700;
font-style: italic;
display: none;}