body, html { height:100%;margin:0;font-size:16px;font-family:'Roboto',sans-serif;color:#f9f9f9; }
.cursive { font-family:'Dancing Script',cursive; }
a { color:inherit !important;font-weight:normal !important; }
h3 a { font-weight:inherit !important;text-decoration:none; }
.container { height:100%;text-align:center; }
.block {
  position:relative;
  min-height:100%;max-width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
.half-block {
  position:relative;
  min-height:50%;max-width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
.quarter-block {
  position:relative;
  min-height:25%;max-width:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
.content { background-attachment:initial;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:contain; }
.header { width:100%;align-self:flext-start;padding:1em;background-color:#141609;color:#f9f9f9; }
.content { width:100%;flex:1 1 auto;padding:1em;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#f9f9f9; }
.content h3, .content p { padding-left:2em;padding-right:2em; max-width:1080px; }
.content h3 { margin-bottom:0em; }
.footer { width:100%; align-self:flext-end;padding:1em;background-color:#141609;color:#f9f9f9; }
/* .block1 { background-color:#07325B; } */
.block1 { background-color:#3D2400; }
.block1 .content { background-image:url("res/thorblock1.jpg"); }
.block2 { background-color:#f9f9f9; }
.block2 .content { color:#141609; }
.block3 { background-color:#011528; }
.block3 .content { background-image:url("res/thorblock3.jpg");background-size:33%; }
.block4 { background-color:#f9f9f9; }
.block4 .content { color:#141609; }
.block5 { background-color:#153600; }
.block5 .content { background-image:url("res/thorblock5.jpg"); }
.block6 { background-color:#f9f9f9; }
.block6 .content { color:#141609; }
.block7 { background-color:#AC9516; }
.block7 .content { background-image:url("res/thorblock7.jpg"); }
.block8 { background-color:#f9f9f9; }
.block8 .content { color:#141609; }
.block9 { background-color:#011528; }
.block9 .content { background-image:url("res/thorblock9.jpg"); }
.block10 { background-color:#f9f9f9; }
.block10 .content { color:#141609; }
.block11 { background-color:#800020; }
.block11 .content { background-image:url("res/thorblock11.jpg"); }
.block12 { background-color:#f9f9f9; }
.block12 .content { color:#141609; }

hr.pic { width:100%;max-width:1080px;text-align:center;overflow:visible;border:0;height:1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
hr.pic:after { display:inline-block;position:relative;top:-0.6em;font-size:1.5em;padding:0 0.25em;background:#f9f9f9; }
hr.heart:after { content:"♡"; }
hr.flower:after { content:"❀"; }
hr.flower2:after { content:"⚘"; }
hr.rings:after { content:"⚭"; }
hr.sun:after { content:"☀"; }
hr.cloud:after { content:"☁"; }
hr.note:after { content:"♫"; }


/*
.container { height:100%; }
.background {
  position:relative;
  min-height:100%; max-width:100%; max-height:100%;
  background-color:#000000;
  text-align:center;
  display:flex; flex-direction:column; align-items:center; justify-content:space-between;
}
.background .picture { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:contain; }
.header { width:100%; align-self:flext-start; color:#f9f9f9; }
.picture { width:100%; flex:1 1 auto; }
.footer { width:100%; align-self:flext-end; color:#f9f9f9; }
.background0 .picture { background-image: url("res/family0.jpg"); }
.background1 .picture { background-image: url("res/family1.jpg"); }
.background2 .picture { background-image: url("res/family2.jpg"); }
.background3 .picture { background-image: url("res/family3.jpg"); }
.background4 .picture { background-image: url("res/family4.jpg"); }
.background5 .picture { background-image: url("res/family5.jpg"); }
*/