html,body,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,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}html{box-sizing:border-box}html,body{cursor:default}code{cursor:text}a,label,button,input[type="radio"],input[type="submit"],input[type="checkbox"]{cursor:pointer}button[disabled],input[disabled]{cursor:default}img,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:middle}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden}.clear:after{clear:both}.clear{zoom:1}

body, html {
  height: 100%;
  font-family: 'EB Garamond', serif;
  font-size: 18px;
  line-height: 1.5em;
  letter-spacing: 0.025em;
}

body,
a {
  color: #333;
}

h1{ position: fixed; left: -10000px; top: -500px; }

main {
  height: 100%;
}

.content{
   position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
   max-width: 1000px;
   margin: 0 auto;
}

section {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 550px;
  max-height: 1200px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  color: #fff;
  padding: 0 30px;
}

section:nth-child(1) {
  background-image: url('/img/bg.jpg');
}

section:nth-child(2) {
  background-image: url('/img/bg2.jpg');
}

section:nth-child(3) {
  background-image: url('/img/bg4.jpg');
}

section:nth-child(4) {
  background-image: url('/img/bg3.jpg');
}

section:nth-child(5) {
  background-image: url('/img/bg5.jpg');
}

.pagination > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

ul.ul{ list-style-type: disc; }
ul.ul li{ margin: 5px 0 5px 30px; }

h2 {
  text-align: left;
  font-size: 1.5em;
  color: #fff;
  margin: 3em 0 0.5em 0;
  line-height: 1.2em;
}

section:nth-child(2) .content > h2:first-of-type{ margin-top: 0; }

section:nth-child(5) table{ margin: 0 auto; font-size: 1.2em; line-height: 1.7em; }
section:nth-child(5) table td{ padding: 0 20px 0 0; }
section:nth-child(5) table td:nth-child(2n-1){ text-transform: uppercase; text-align: right; }

div.active > h2 {
  opacity: 1;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}

header li,
header a {
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   font-size: 1.3rem;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
header li.active {
  background-color: rgba(255,255,255,0.7);
  -webkit-transition: none;
          transition: none;
}

header li.active,
header li.active a,
header li.active:hover,
header li.active a:hover{
   color: #000;
}

header li,
header li a{ color: rgba(255,255,255,0.7); }

header li:hover,
header li a:hover{ color: rgba(255,255,255,0.9); text-decoration: none; }

a{ color: #fff; text-decoration: none; }
a:hover{ text-decoration: underline; }

header a {
  text-decoration: none;
  padding: 1em;
  display: inline-block;
}

header,
footer {
  position: fixed;
  width: 100%;
  z-index: 100;
}
header nav,
footer nav {
  text-align: center;
}
header ul li,
footer ul li {
  display: inline-block;
}

header {
  top: 0;
}

footer {
  bottom: 0;
}

#refs img{ max-height: 60px; opacity: 0.9; margin: 20px; }
#refs{ text-align: center; }

#homeScreen{ text-align: center; }
#homeScreen img{ max-width: 500px; width: 100%; }