@import 'https://fonts.googleapis.com/css?family=Oxygen|Libre+Baskerville';

body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: 'Libre Baskerville', serif, Times, Times New Roman;
	font-size: 16px;
	line-height: 170%;
	background-image: url('/images/back.jpg'); 
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
}
.maintext {
	max-width: 1000px;
	margin: auto;
	padding: 2vw 5vw; 
	color: #333;
} 
.pagenumber {
	padding: 2vw 5vw; 
	text-align: right;
	font-size: 15px;
	font-style: italic;
}
.title{
	padding: 2vw 5vw; 
	max-width: 400px; 
	text-align: center; 
}
.title h1{
	font-size: 40px; 
	font-weight: normal;
	font-style: italic;
}
.title h2{
	font-size: 24px; 
	font-weight: normal;
	line-height: 24px; 
}
.title p{
	margin: 0; 
	line-height: 16px; 
}
.title a{
	color: #000;
	text-decoration: none; 
}
.sticky{
	background-color: rgba(255,255,255,0.4);
	position: sticky;
	top: 0;
}
.contact {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  justify-content: center;
  max-width: 1000px;
  margin:auto;
  line-height: 60px;

}
.contact > div { 
	flex: 1 1 auto;
	max-width: 800px;
	position:relative;
	text-align:center;
  
}

.contact a {
	color: #333;
	text-decoration:none;
}
.contact a:hover , .tens a:hover{
	color: #000;
	text-decoration: underline;
}
.tens{
	line-height: 60px;
	background-color: rgba(255,255,255,0.4);	
	text-align: center; 
	padding: 0 20px;
}
.tens a{
	color: #333;
	padding: 0 5px;  
	text-decoration: none; 
}
.book {
	text-align: center; 
}




@media only screen and ( max-width: 640px ) {
.sticky{
	position: relative;
}


}