/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	FILE NAME:			master.css														*

*	FILE PURPOSE:		css styles for universal components								*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		body																	*

*	TYPE:		built-in																*

*	PURPOSE:	body style																*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

body {

	padding:					95px 20px 50px 20px;

	background-color:			white;

	text-align:					left;

	font-family:				'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

	background-position:		center;

	background-size:			100% 100%;

	background-repeat:			repeat-y;

	background-image:			url("../images/master/background_flag.png");

	background-attachment:		fixed;

}



body:after {

	position:					fixed;

	height:						100vh;

	top:						0;

	right:						0;

	left:						0;

	z-index:					-1;

	background:					url("../images/master/background_saints.png") center center;

	background-position:		center top;

	background-size:			cover;

	content:					"";

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		no-webp																	*

*	TYPE:		class																	*

*	PURPOSE:	style for png background image											*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

.no-webp body {

	background-image:			url("../images/master/background_flag.png");

	background-repeat:			repeat-y;

}



.no-webp body:after {

	background-image:			url("../images/master/background_saints.png");

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		webp																	*

*	TYPE:		class																	*

*	PURPOSE:	style for webp background image											*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

.webp body{

	background-image:			url("../images/master/background_flag.webp");

	background-repeat:			repeat-y;

}



.webp body:after {

	background-image:			url("../images/master/background_saints.webp");

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		headings																*

*	TYPE:		built-in																*

*	PURPOSE:	heading level styles													*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

h1 {

	size:						xx-large;

	text-align:					center;

}



h2 {

	size:						x-large;

	text-align:					center;

}



h3 {

	size:						large;

	text-align:					center;

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		hr																		*

*	TYPE:		built-in																*

*	PURPOSE:	horizontal rule style													*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

hr {

	width:						98%;

	height:						4px;

	border:						0;

	background-color:			rgb(53, 53, 53);

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		a																		*

*	TYPE:		built-in																*

*	PURPOSE:	link styles																*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

a {

	text-decoration:			none;

	color:						rgb(161, 0, 0);

	background-color:			transparent;

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		img																		*

*	TYPE:		built-in																*

*	PURPOSE:	image style																*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

img {

	max-width:					90vw;

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		p																	*

*	TYPE:		built-in																*

*	PURPOSE:	style for paragraphs													*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

p {

	text-align:					left;

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		center																	*

*	TYPE:		class																	*

*	PURPOSE:	center any element														*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

.center {

	text-align:					center;

}





/*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*	NAME:		content																	*

*	TYPE:		id																		*

*	PURPOSE:	style for content div													*

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

*/

#content {

	margin-bottom:				10px;

}