<!--FARM-->
<head>
<link href='https://fonts.googleapis.com/css?family=Kalam|Merienda+One' rel='stylesheet' type='text/css' />
<style type="text/css">
body {
background: url(/_layout/images/bkg/headers/farm.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;}
.HDR {font-size:14px; padding:.5em 1em .25em 1em; text-align:center;}
.REF {font-size:10px; padding:0 1em 0 0; text-align:right;}
.SHC {font-size:12px; 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: hidden;}
.HDR {font-size:18px; padding:.5em 2em .25em 2em;} text-align:center;
.REF {font-size:14px; padding:0 1em 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: hidden;}
.HDR {font-size:20px; padding:.5em 2em .25em 2em; text-align:center;}
.REF {font-size:16px; padding:0 1em 0 0; text-align:right;}
.SHC {font-size:18px; padding:0 1em; text-align:right;}
}
</style>
</head>
<body class="NavigationPage">
<div class="LeftImage" style="position:fixed; width:100%; height:100%; z-index:98; overflow:hidden; ">
<img src="/_layout/images/Dove_lone.png" width="275" height="200" style="position:absolute; bottom:0;">
</div>
<div style="position:fixed; width:100%; z-index:98; overflow:hidden; border:none;">
<div class="HDR" align="center" style="font-family:'Merienda One', cursive; color:#FFFFFF; text-shadow: 1px 1px #000000;">
The gatekeeper opens the gate for him, and the sheep listen to his voice. He calls his own sheep by name and leads them out. When he has brought out all his own, he goes on ahead of them, and his sheep follow him because they know his voice.
</div>
<div class="REF" align="right" style="font-family:'Merienda One', cursive; color:#FFFFFF; text-shadow: 1px 1px #000000;">
John 10:3-4
</div>
</div>
<div style=" position:absolute; bottom:0; width:100%; z-index:99; overflow:hidden; border:none;">
<div class="SHC" align="right" style="font-family:'Kalam', cursive; color:#999999; text-shadow: 1px 1px #000000;">
Sacred Heart Catholic Church ~ Heron Lake, MN</div>
</div>
</body>