@font-face {
  font-family: 'Borgia';
  src: url('fonts/BorgiaPro-Regular-webfont.eot');
  src: local('☺'),
	url("fonts/BorgiaPro-Regular-webfont.woff") format("woff"),
	url("fonts/BorgiaPro-Regular-webfont.ttf") format("opentype"),
	url("fonts/BorgiaPro-Regular-webfont.svg#Borgia") format("svg");
	}
body {
background-color: #293855;
}

h1	{font-family:'Borgia'; margin: 0; }
h2	{font-family:'Times New Roman', Times, serif}

h1, h2, p {text-align:center}

a {
	display:inline-block;
	position:relative;
	padding:0 5px 3px;
	margin:0 0 15px;
	text-decoration:none;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s;
			transition:all 0.4s;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
	}
a:link, a:visited {
	background-color:#fff;
	border: 1px solid rgba(0,170,255,.3);
	color:#0066CC;
	}
a:hover, a:active {
	background-color:#0066CC;
	border: 1px solid transparent;
	color:#fff;
	}

p, li	{font-size:20px}
p	{font-style:italic; margin:15px 0 0}

.hymn p	{
	font-size:20px;
	letter-spacing: 0.08em;
	}
.hymn a	{
	font-size:13px;
	letter-spacing: 0;
	display:inline-block;
	float:right;
	}

.size {
	margin:0 auto;
	width:600px;
	}
.size div {
	margin:0 0 0 0;
	padding:0 30px 60px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
	}
ul.leaders {width:100%;}

@media screen and (max-width: 620px){
	.size {width:400px}
	.size div {
		padding-right:15px;
		padding-left:15px;
		}
}
@media screen and (max-width: 420px){
	.size {width:300px}
	.size div {
		padding-right:5px;
		padding-left:5px;
		}
	h1 {font-size:22px}
	h2 {font-size:18px}
}

ul.leaders {
	margin:0;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white;
	}
ul.leaders span + span {
    padding-left: 0.33em;
    background: white;
    float: right;
	}
#saturday {
	border-top:4px double #333333;
	margin-top:30px;
	}
.size>div:nth-child(odd) {
	border-bottom:4px double #333333;
	border-top:4px double #333333;
	padding-bottom:50px;
	padding-top:30px;
	margin:0;
	}
.size>div:nth-child(odd), .size>div:nth-child(odd) ul.leaders span {
	background-color:#f9f9f9;
	
	}
	
.size>div:nth-child(even) {
	padding-bottom:50px;
	padding-top:30px;
	background-color:#f9f9f9;
	}