/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/yanone-kaffeesatz-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v15-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yantramanav-300 - latin */
@font-face {
  font-family: 'Yantramanav';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/yantramanav-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Yantramanav Light'), local('Yantramanav-Light'),
       url('../fonts/yantramanav-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yantramanav-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yantramanav-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yantramanav-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yantramanav-v5-latin-300.svg#Yantramanav') format('svg'); /* Legacy iOS */
}



body, html { margin:0; padding:0; font-family: 'Yantramanav', sans-serif; color:#464646; font-size:21px; letter-spacing:0.05em;}

a { color:#62a5a3;}

.m30 { margin:30px auto;}

/* HEADER */

#header { text-align:center;}

#HeaderTop { box-shadow:1px 1px 17px 3px #a5a5a557; position:relative; }

#Logo { width: 250px; padding:20px 0;}

#HeaderImage { width:auto; height:80vh; min-height:350px; background:url(../img/Header.jpg); background-position: center; background-size: cover;}

/* CONTENT */

#Content {box-shadow:1px 1px 17px 2px #a5a5a557; position:relative; }

#offn { text-align:left; display:inline-block; margin:0;}

@media only screen and (max-width: 550px) {
    #offn {text-align:center; display:contents;}
}

#offn li { list-style:none;}

.article { text-align:center;}

.p40 { padding:95px 0 120px 0;}

.bggrey { background:#f2f2f2; padding:45px 0 60px 0;}

h1, h2, h3, h4 {font-family: 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase; font-weight:normal; font-size:37px; letter-spacing:1px; color:#62a5a3;}

p { width:60%; margin:0 auto; line-height:32px;}

@media only screen and (max-width: 550px) {
    p {width:90%;}
}

.book {margin:25px auto 60px auto;}

.book a { text-decoration:none; padding:10px 10px; border:2px solid #62a5a3; background:#62a5a3; color:white;}

.book a:hover { background:#62a5a3c4; color:white;}

/* FOOTER */

footer { margin-top:40px; color:#a5a5a5; font-size:14px; text-align:center;}


#footermenu { margin:auto; display:inline-block;}

#footermenu li { list-style:none; float:left; margin:0 7px;}

#footermenu li a { color:#a5a5a5; text-decoration:none;}