<!--Holy Thursday-->
<!doctype html>
<html lang="en">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0"/>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<link href="/_layout/css.css" rel="stylesheet" type="text/css"/>
<link href='https://fonts.googleapis.com/css?family=Courgette|Kalam|Merienda+One' rel='stylesheet' type='text/css' />
<base target="_top" />
<style type="text/css">
body {
background: url(/_layout/images/bkg/headers/last-supper-4997322_1280.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: hidden;}
.eHDR {font-size:24px; padding:.5em 2em; text-align: right;}
.eREF {font-size:24px; padding:.5em 2em; text-align: right;}
.SHC {font-size:14px; padding:0 1em; text-align: left;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.LeftImage{visibility: hidden;}
.eHDR {font-size:30px; padding:.5em 3em; text-align: right;}
.eREF {font-size:30px; padding:.5em 3em; text-align: right;}
.SHC {font-size:16px; padding:0 1em; text-align: left;}
}
/* Medium to large devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 770px) {
.LeftImage{visibility: hidden;}
.eHDR {font-size:40px; padding:.5em 3em; text-align: right;}
.eREF {font-size:40px; padding:.5em 3em; text-align: right;}
.SHC {font-size:16px; padding:0 1em; text-align: left;}
}
</style>
</head>
<body class="NavigationPage" onLoad="init()">
<div style="position:fixed; width:100%; z-index:98; overflow:hidden; border:none;">
<div class="eHDR" style="font-family:'Merienda One', cursive; color:#FFFF00;">
</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:#CCCCCC;">
Sacred Heart Catholic Church  ~  Heron Lake, MN</div>
</div>
</body>
</html>