body {
	margin: 0;
	padding: 0;
}

img{
	
	width: 100%;
}

h1, h2, h3, a, p {
	font-family: arial;
	margin-top: 10px;
	text-decoration:none;
}

h3 {
	margin-top: 0px;
}


a {
	text-decoration:none !important;
}

button{
	margin-top:5px;
	margin-left: auto;
	background-image: url('../images/back-button.png');
	/*background-color: #00468b;*/
	border: none;
	color: white;
	padding: 10px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	display: block;
    width: 100%;
}

.main a:link { color: #050D4C; margin-top: 10px;}
.main a:visited { color: #050D4C; padding-top: 10px;}
.main a:hover { color: #050D4C;}
.main a:active { color: #050D4C;}

.pageHead a:link { color: #fff; text-decoration:none;}
.pageHead a:visited { color: #fff; text-decoration:none;}
.pageHead a:hover { color: #fff; text-decoration:none;}
.pageHead a:active { color: #fff; text-decoration:none;}

.mid a:link { color: #fff; text-decoration:none;}
.mid a:visited { color: #fff; text-decoration:none;}
.mid a:hover { color: #fff; text-decoration:none;}
.mid a:active { color: #fff; text-decoration:none;}

h1 a:link { color: #fff; text-decoration:none;}
h1 a:visited { color: #fff; text-decoration:none;}
h1 a:hover { color: #fff; text-decoration:none;}
h1 a:active { color: #fff; text-decoration:none;}

.main {
	max-width: 800px;
	margin: auto;
	padding: 10px;
}

.pageHead {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	background-image: url('../images/back-mobile.png');
	/*background-color: #00468b;*/
	color: white;
	margin:0;
	padding-top: 5;
  	padding-right: 10px;
  	padding-bottom: 5px;
  	padding-left: 10px;
	text-decoration:none;
}

.mid {
	max-width: 850px;
	margin: auto;
	text-decoration:none;
}

.track-1 {
	border: 3px solid #050D4C;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #050D4C;
	margin-bottom: 10px;
}

.track-1 button{
	background-image: url('../images/back-button-1.png');
}

.track-2 {
	border: 3px solid #1A2D1A;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #1A2D1A;
	margin-bottom: 10px;
}

.track-2 button{
	background-image: url('../images/back-button-2.png');
}

.track-1 {
	border: 3px solid #050D4C;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #050D4C;
	margin-bottom: 10px;
}

.track-1 button{
	background-image: url('../images/back-button-1.png');
}

.track-3 {
	border: 3px solid #431a05;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #431a05;
	margin-bottom: 10px;
}

.track-3 button{
	background-image: url('../images/back-button-3.png');
}

.track-4 {
	border: 3px solid #272f55;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #272f55;
	margin-bottom: 10px;
}

.track-4 button{
	background-image: url('../images/back-button-4.png');
}

.track-5 {
	border: 3px solid #424651;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #424651;
	margin-bottom: 10px;
}

.track-5 button{
	background-image: url('../images/back-button-5.png');
}

.track-6 {
	border: 3px solid #415162;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #415162;
	margin-bottom: 10px;
}

.track-6 button{
	background-image: url('../images/back-button-6.png');
}

.track-7 {
	border: 3px solid #834d19;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #834d19;
	margin-bottom: 10px;
}

.track-7 button{
	background-image: url('../images/back-button-7.png');
}

.track-8 {
	border: 3px solid #130E6C;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #130E6C;
	margin-bottom: 10px;
}

.track-8 button{
	background-image: url('../images/back-button-8.png');
}

.track-9 {
	border: 3px solid #015378;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	padding: 10px;
	color: #015378;
	margin-bottom: 10px;
}

.track-9 button{
	background-image: url('../images/back-button-9.png');
}

@media only screen and (min-width: 990px) {
    .pageHead { 
        background-image: url('../images/back.png');  
    }
}