@font-face {   
  font-family: "Niconne";   
  src: url(fonts/Niconne-Regular.woff) 
format('woff'),        
  url(fonts/Niconne-Regular.ttf) 
format('truetype'); 
}

@font-face {   
  font-family: "Sen";   
  src: url(fonts/Sen-Regular.woff) 
format('woff'),        
  url(fonts/Sen-Regular.ttf) 
format('truetype'); 
}

body {
	padding: 15px 0;
	font-family: Sen;
	font-size: 1.25em;
	line-height:1.2em;
}
@media screen and (max-width: 600px) {
  body {
    margin-top: 4em;
  }
}
/*mobile TopNav*/
img.mobile-header {
    max-width: 4em;
}
.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
	overflow: hidden;
    background-color: #333;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    display:none;
}
@media screen and (max-width: 600px) {
  div.topnav {
    display: block;
  }
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
/*mobile TopNav END*/
#map {

}
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
img {
	width: 100%;
}
img.header {
    max-width: 90%;
}
#navigation h1.nav-header {
	padding: 0 15px;
	margin-bottom: 0;
}

#navigation a.nav-header {
	padding: 5px 15px;
	font-weight: bold;
}

#navigation ul.uk-nav {
	padding: 15px 0;
}

#navigation p {
	padding-bottom: 10px;
}
@media screen and (max-width: 600px) {
  div#navigation {
    display: none;
  }
}

#navigation h2 {
	font-family: Niconne;
	    font-size: 1.5em;
    font-weight: regular;
}

#content h2 {
	font-family: Niconne;
	    font-size: 1.5em;
    font-weight: regular;
}

#content img.header {
	margin-bottom: 20px;
}

#content ul {
	list-style-type: square;
}

#content li.done {
	color: #008000;
	text-decoration: line-through;
}

#content div.images div {
	padding-bottom: 25px;
}

#content p.images-text {
	margin-top: -15px;
}

#content .iframe-container {
	position: relative;
	/* Magic! Makes sure the container is high enough to show the entire iframe 
	 * Thanks to http://andmag.se/2011/11/responsive-embeds/ */
	padding-bottom: 56.5%;
}

#content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#content .embed-container {
	position: relative;
	/* Magic! Makes sure the container is high enough to show the entire iframe 
	 * Thanks to http://andmag.se/2011/11/responsive-embeds/ */
	padding-bottom: 56.5%;
}

#content embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	h2 {
		margin-top: 25px;
	}
}
.order-btn {
    text-align: center;
    min-width: 240px;
    margin:  1em;
}

.order-btn a {
  color: white;
  cursor: pointer;
  position: relative;
  background-color: #4CAF50;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 1em;
  width: 70%;
  transition: all 0.5s;
  padding:1em;
  background-image: linear-gradient(#4CAF50, #73b573);
}

.order-btn a::after {
    content: '\00bb';
    opacity: 0;
    transition: 1.2s;
    color: white;
}

.order-btn:hover a::after {
    padding-right: 1em;
    opacity: 1;
    padding-left: 1em;
}
/** OLD STYLE FOOTER
.footer {
	background: #a51f25;
	padding: 4px 0 0 0;
	margin-bottom: 0;
	color:white;
}
#footer-txt {
    color: white;
    text-align: center;
    font-size: 1.25em;
    position: relative;
}
#footer-icons img {
    max-width: 42px;
}
**/
.footer {

}
#footer-txt {
    text-align: center;
    font-size: 1.25em;
    position: relative;
}
#footer-icons img {
    max-width: 42px;
}