.nl-page-header {
    border: 5px #bbb solid;
    padding: 5px;
    width: 100%;
    font-size: 150%;
    font-weight: bold;
    background: #eee;
    text-align: center;
}
.a5-only {
    display: none;
}
@media (width >= 660px) {
    #diary {
	grid-template-columns: 20% 20% 60%;
	align-items: stretch;
	justify-content: center;
	gap: 4px;
    }
    #diary .nl-page-header {
	grid-column: 1 / span 3;
    }
    #diary .diary-week td:nth-child(1) {
	width: 20%;
    }
    .service-name {
	font-style: italic;
	grid-column 2 / span 2;
    }
    div.week-title{
	grid-column: 1 / span 3;
    }
    .diary-week{
	grid-column: 1 / span 3;
    }
    .service-day, .service-name {
	width: 100%;
    }
}
@media (width < 660px) {
    
    #diary {
	grid-template-columns: 30% 70%;
    }
    #diary .nl-page-header,.service-table {
	grid-column: 1 / span 2;
    }
    #diary .diary-week td:nth-child(1) {
	width: 20%;
    }
    div.week-title{
	grid-column: 1 / span 2;
    }
    .diary-week{
	grid-column: 1 / span 2;
    }
    table.week-table{
	grid-column: 1 / span 2;
	background: #fff;
    }
    .service-day {
	margin-left: 2px;
	width: 100%;
    }
    .service-name {
	margin-right: 2px;
	width: 100%;
    }
}
.service-day, .service-name {
    border: solid 1px black;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddd;
}
.service-name {
    font-style: italic;
}
.service-table {
    border:  solid 1px black;
    width: 100%;
}
.service-table td{
    border:  solid 1px black;
}
div.week-title{
    text-align: center;
    border:  solid 1px black;
    font-weight: bold;
    font-size: 120%;
    background: #ddd;
}
.diary-week{
    border:  solid 1px black;
    display: grid;
    grid-template-columns: 19% 79%;
    gap: 2px;
    align-items: stretch;
    justify-content: center;
    padding-top: 4px;
    padding-bottom: 4px;
}
.diary-week div{
    display: flex;
    border: solid 1px black;
    align-items: center;
    justify-content: center;
}
.diary-week .row-2.col-2 {
    flex-direction: column;
}
.td-location {
    width: 4ex;
}
.td-time {
    width: 30%;
}
.td-service {
    width: 25%;
}
.td-intention {
    width: 45%;
}

#contacts p {text-align:center;}

.pray-list {
    clear: both;
    display: grid;
    grid-template-columns: 48% 48%;
    padding: 3ex;
}
.pray-list span {
}
.pray-start {
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
    clear: both;
    float: left;
    margin:2ex;
    padding-left:2ex;
    background: #ddd;
    border: 2px #bbb solid;
}
.pray-end {
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
    float: right;
    margin: 2ex;
    background: #ddd;
    border: 2px #bbb solid;
}
div.notice {
    border:1px solid red;
    margin: 1ex;
    padding: .5ex;
}