@charset "UTF-8";
/* CSS Document */
body, html {
    height: 100%;
    font family: 'goudy-bookletter-1911';
}

.menu {
    display: none;
}



/*navigation code */
ul {
    position: fixed;
    top: 0;
    width: 100%; list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: #D8C6B8;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}
	.active {
    background-color: #4CAF50;
}

h5 {font-family: "goudy-bookletter-1911";
	color: black; 
	position: center;
}
img.displayed {
    display: block;
    margin-left: auto;
	margin-right: auto }
	outline: 0; 
	scale-with-grid { max-width: 100%; height: auto; }
/* Responsive Images */
img, img.scale-with-grid { outline: 0; max-width: 100%; height: auto; }

/* Centered text */
div.container4 {
    height: 15em;
    position: center top; }
div.container4 p {
    margin: 0;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }

p class="" {font-family: "goudy-bookletter-1911";
	color: #D8C6B8; 
	position: center;
}


P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 8em
}
	
*, *:after, *:before {
  box-sizing: border-box;
  font-family: "goudy-bookletter-1911";
}

// clear all 
@mixin clearfix() {
  &:after, &:before {
    display: table;
    content: " ";
    line-height: 0;
    font-size: 0;
    clear: both; 
  }
}


}