<!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' rel='stylesheet' type='text/css' />
<base target="_top" />
<style type="text/css">
body {
background: url(/_layout/images/bkg/headers/Blue-Star-Left.png) no-repeat center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
</style>
</head>
<body class="NavigationPage" onLoad="init()">
<!-- Mary-Jesus -->
<div style="background: rgba(0, 0, 5, 0.1); position:fixed; width:100%; height:100%; z-index:98; overflow:hidden; ">
<img src="/_layout/images/seasonal/Mary-Jesus.png" width="170" height="205" style="position:absolute; bottom:0;">
</div>
<div style="position:fixed; width:100%; z-index:98; overflow:hidden; border:none;">
<div align="center" style="padding:2em 2em .25em 8em; font-family:'Courgette', cursive; color:#FFFFFF; font-size:2vw;">
My sheep hear my voice, and I know them, and they follow me
</div>
<div style="padding:0 2em 0 0; font-family:'Courgette', cursive; color:#FFFFFF; font-size:1.25vw;" align="right">
John 10:27
</div>
</div>
<div style="position:absolute; bottom: 0; width:100%; z-index:99; overflow:hidden; border:none;">
<div style="padding:9em .5em 0 .5em; font-family:'Kalam', cursive; color:#CCCCCC; font-size:1.5vw;" align="right">
Sacred Heart Catholic Church ~ Heron Lake, MN</div>
</div>
</body>
</html>