@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px; 
}

@font-face {
  font-family: 'Lombardic';
  src:
       url('Lombardic.ttf')  format('truetype'), /* Safari, Android, iOS */
}


body {
  background-color: rgb(255,254,251); 
  background-image:url(quatrefoil_bg.png);
  color: rgb(96, 38, 27);
  font-family:"Garamond",serif;
  margin: 3%; 

}

#wrapper {
	  background-color: rgb(255,254,251,.75); 
	  padding: 1%;
}

header {
/*	  background-color: rgb(255,254,251,.75); 
	  padding: 1%; */
}

/*
h1, h2, h3, h4, h5, h6 {
	font-family:"Lombardic","Garamond",serif;
	font-color: rgb(215, 25, 32);

}

*/

p {
  margin-bottom: 5%; /* between paragraphs */
  }

a  {
		color: rgb(215, 25, 32);
		text-decoration:none;
			
}

/*
hr	{
	border-color: rgb(215, 25, 32);
}
*/
/*

/* Add a black background color to the top navigation */
.topnav {
/*  background-color: #333; */
  overflow: hidden; 

/*	border-bottom-color: rgb(60, 25, 17);
	border-image-repeat: stretch;
	border-image-slice: 100%;
	display: block;
	max-width: 90%; */
	padding-left: .25px;
	position: relative;
    text-align: right;
}


/* Style the links inside the navigation bar */
.topnav a {
  float:left;
  color: rgb(215, 25, 32);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px; 
}


/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
/*  background-color: #fff; */
  color: rgb(60, 25, 17);
}