/*******************     Header     ******************/
.header{
	flex: 1 1 1;
	justify-content: center;
	background-image: url("stoke.png");
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;						 /* Resize the background image to cover the entire container */
	border: 2px solid rgb(255, 255, 255); 	 
	width: 100%;
	height: 250px;
	max-width: 100%; 
	max-height: 320px;
	opacity: 1;
 } 
.title {
position: relative;
	font-family: Times New Roman;  
	font-size: 36px;
	color: white;
	text-shadow: 2px 2px 1px rgba(16,16,16,1), 2px 2px 4px;
	text-align: center;
	top: -30px;
}
.title1 {
	color: white;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
.title2 {
	margin-left:200px;
	max-width: 400px;
	margin-top: -26px; 
	color: red;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
/*
***********************************************************************************
*                                                                       Media Queries                                                                   *
***********************************************************************************
*/
/***************    screen width < 800     *************/
@media only screen and (max-width: 800px) {
.title {
	font-family: Times New Roman;  
	font-size: 20px;
	top: -5px;
}