<!--ADVENT-->
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0"/>
<link href='https://fonts.googleapis.com/css?family=Sofadi+One|Kalam' rel='stylesheet' type='text/css' />
</head>
<style type="text/css">
body {
background: url(/_layout/images/bkg/purple-abstract.png) no-repeat center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.LeftImage{visibility: visible;}
.HDR {visibility: hidden;}
.REF {visibility: hidden;}
.SHC {font-size:14px; padding:0 1em; text-align:right;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.LeftImage{visibility: visible;}
.HDR {font-size:18px; padding:2em 2em 0 11em; text-align:center;}
.REF {font-size:14px; padding:0 2em 0 0; text-align:right;}
.SHC {font-size:18px; padding:0 1em; text-align:right;}
}
/* Medium to large devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 770px) {
.LeftImage{visibility: visible;}
.HDR {font-size:22px; padding:2em 2em 0 11em; text-align:center;}
.REF {font-size:18px; padding:0 2em 0 0; text-align:right;}
.SHC {font-size:18px; padding:0 1em; text-align:right;}
}
</style>
<body class="NavigationPage">
<!-- CANDLE (change the candle name candle#)-->
<div class="LeftImage" align="left" id="DivTextBottom" style="width:100%; z-index:97; overflow:hidden;">
<img src="/_layout/images/bkg/headers/seasonal/Advent/candle_tall3.png" width="300" height="225" style="position:absolute; left: 0; bottom:0;">
</div>
<!-- GARLAND -->
<div style="width:100%; height:100%; z-index:98; overflow:hidden;">
<img src="/_layout/images/bkg/headers/seasonal/Advent/garland-long.png" width="1700" height="75" style="position:absolute; left: 0; bottom:0;">
</div>
<!-- WORDING -->
<!-- FOR MAIN PAGE
<div class="CB" align="center" style="font-family:'Philosopher', sans-serif; padding:2em 0 0 0;">
At this Christmas when Christ comes, will He find a warm heart? Mark the season of Advent by loving and serving the others with God's own love and concern.</div>
<div align="right" style="font-size:10px; padding-bottom:3em;">
Mother Teresa, Love: A Fruit Always in Season</div>
<div style=" padding:1em">
<hr width="75%">
</div>
-->
<div style="position:fixed; z-index:98;">
<div class="HDR" style="font-family:'Sofadi One', cursive; color:#FFFFFF; text-shadow: 1px 1px #000000;">
We humbly beg Thee, O Lord, to listen to our prayers; and by the grace of Thy coming bring light into our darkened minds.
</div>
<div class="REF" style="font-family:'Sofadi One', cursive; color:#FFFFFF; text-shadow: 1px 1px #000000;">
Who livest and reignest for ever and ever
</div>
</div>
<div style=" position:absolute; bottom:0; width:100%; z-index:99; overflow:hidden; border:none;">
<div class="SHC" style="font-family:'Kalam', cursive; color:#FFFFFF;">
Sacred Heart Catholic Church ~ Heron Lake, MN</div>
</div>
</body>
</html>