/*
	CSS can be removed or adjusted: 
*/

<link href="https://fonts.googleapis.com/css?family=Lora|Merriweather|Work+Sans" rel="stylesheet">


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
h1{font-size: 25px;}h2{font-size: 21px;}h3{font-size: 18px;}h4{font-size: 16px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


	a:link {color:#000000;text-decoration: none;}      /* unvisited link */
	a:visited {color:#000000;text-decoration: none;}  /* visited link */
	a:hover {color:#000000;    text-decoration: none;}  /* mouse over link */
	a:active {color:#000000;text-decoration: none;}  /* selected link */
p{font-family: 'Work Sans', sans-serif;}

header { 
    display: block;
	 max-width: 1000px;
    margin: 10px auto;
	padding-bottom: 50px;
    border: 1px solid #FFF;
	
}
p {
    margin-top: 10px;
    margin-bottom: 50px;
    margin-right: 10px;
    margin-left: 10px;
	
}

a {max-width: 100%;}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

     img {max-width:100%;}

video {max-width: 100%;}

.content { max-width: 1000px; 
display: block;
    margin: 20px auto;
    border: 1px solid #FFF;
}


.grid-item { width: 400px; } 
.grid-item-double { width: 400px; }
.grid {
    max-width: 1200px;
	max-height: 2400px;
    margin: 10px auto;
    border: 5px solid #FFF;
}
.grid-item {
    min-height: 100px;
    text-align: left;
    background-color: #FFF;
    font-size: 28px;
	margin: auto auto;
    color: #555;
	/*font-family: 'Merriweather', serif; */
	font-family: 'Work Sans', sans-serif;
	font-family: 'Lora', serif;
}
.grid-item:nth-child(1)	{	background: #FFF; height: 267px;	 }
.grid-item:nth-child(2)	{	background: #FFF; height: 364px;	 }
.grid-item:nth-child(3)	{	background: #FFF; height: 225px;	 }
.grid-item:nth-child(4)	{	background: #FFF; height: 263px;	}
.grid-item:nth-child(5)	{	background: #FFF; height: 319px;	}
.grid-item:nth-child(5)	{	background: #FFF; height: 267px;	}
.grid-item:nth-child(5)	{	background: #FFF; height: 313px;	}