body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	color: #aaaaaa;
	font-family: serif;
	text-align: center;
}
#wrapper h1 {
   color: #222222;
	text-shadow: 0px 1px 3px rgba(85, 85, 85, 1.0);
}
a, a:visited, a:link, a:hover {
   color: #ffffff;
   text-decoration: none;
	cursor: pointer;
}
#container {
	width: 600px;
	margin: 100px auto;
	border: 1px solid #333333;
	border-radius: 5px;
	background: rgba(69, 72, 77, 1.0);
	background: url(data:image/svg+xml;
	base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(69, 72, 77, 1) 0%,  rgba(0, 0, 0, 1) 100%);
	background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, rgba(69, 72, 77, 1)),  color-stop(100%, rgba(0, 0, 0, 1)));
	background: -webkit-linear-gradient(top,  rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -o-linear-gradient(top,  rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -ms-linear-gradient(top,  rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom,  rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d',  endColorstr='#000000', GradientType=0);
}
@media screen and (max-width: 767px) {
	#container {
		width: 100%;
      margin-top: 0px;
      border-radius: 0px;
      background: none;
      border: none;
	}
}
#wrapper {
	width: 600px;
	margin: 20px auto;
}
#btn-wrapper {
   width: 580px;
   height: 270px;
	margin: 0px auto;
}
#btn-wrapper article.button {
	display: block;
	float: left;
	width: 266px;
   height: 250px;
   margin: 10px 10px 0px;
	border: 2px solid #cccccc;
	border-radius: 10px;
	box-shadow: inset 0px 0px 3px #000000,  inset 0px 0px 20px #222222;   
}
#btn-wrapper article.button > p {
   margin-top: 0px;
	font-size: 160%;
   text-shadow: 0px 2px 3px rgba(34, 34, 34, 1.0);
}
@media screen and (max-width: 767px) {
   #wrapper {
      width: 100%;
   }
   #wrapper h1 {
      margin-top: -20px;
      text-shadow: none;
      color: #aaaaaa;
      font-size: 1.5em;
      padding: 4%;
      border: 1px solid #333333;
      border-radius: 5px;
      background: rgba(69, 72, 77, 1.0);
      background: url(data:image/svg+xml;
      base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top,  rgba(69, 72, 77, 1) 0%,  rgba(0, 0, 0, 1) 100%);
      background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, rgba(69, 72, 77, 1)),  color-stop(100%, rgba(0, 0, 0, 1)));
      background: -webkit-linear-gradient(top,  rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
      background: -o-linear-gradient(top,  rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
      background: -ms-linear-gradient(top,  rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
      background: linear-gradient(to bottom,  rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d',  endColorstr='#000000', GradientType=0);
   }
   #btn-wrapper {
      width: 98%;
      margin: 0px auto;
   }
	#btn-wrapper article.button {
		width: 92%;
      margin-bottom: 5%;
	}
}
#btn-wrapper article.button a > img {
   margin-top: 30px;
	padding: 30px;
	max-width: 100%;
	height: auto;
   border: 1px solid transparent;
   border-radius: 6px;
   box-shadow: 0 0 3px #000000,  0 0 20px #222222;
}
#btn-wrapper article.button a > img:hover {
   border: 1px solid #eeeeee;
	box-shadow: inset 0 0 3px #000000,  inset 0 0 20px #222222;
}
#btn-wrapper article.btnbg-SA {
	background: rgb(175, 0, 17);
	background: url(data:image/svg+xml;
	base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmMDAxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:  -moz-linear-gradient(top,   rgba(175, 0, 17, 1) 0%,  rgba(58, 0, 0, 1) 100%);
	background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, rgba(175, 0, 17, 1)),  color-stop(100%, rgba(58, 0, 0, 1)));
	background: -webkit-linear-gradient(top,  rgba(175, 0, 17, 1) 0%, rgba(58, 0, 0, 1) 100%);
	background: -o-linear-gradient(top,  rgba(175, 0, 17, 1) 0%, rgba(58, 0, 0, 1) 100%);
	background:  -ms-linear-gradient(top,   rgba(175, 0, 17, 1) 0%, rgba(58, 0, 0, 1) 100%);
	background: linear-gradient(to bottom,  rgba(175, 0, 17, 1) 0%, rgba(58, 0, 0, 1) 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0011',  endColorstr='#3a0000', GradientType=0 );
}
#btn-wrapper article.btnbg-SM {
	background: rgb(2, 93, 140);
	background: url(data:image/svg+xml;
	base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNWQ4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTAxMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(2, 93, 140, 1) 0%,  rgba(1, 1, 38, 1) 100%);
	background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, rgba(2, 93, 140, 1)),  color-stop(100%, rgba(1, 1, 38, 1)));
	background: -webkit-linear-gradient(top,  rgba(2, 93, 140, 1) 0%, rgba(1, 1, 38, 1) 100%);
	background: -o-linear-gradient(top,  rgba(2, 93, 140, 1) 0%, rgba(1, 1, 38, 1) 100%);
	background: -ms-linear-gradient(top,  rgba(2, 93, 140, 1) 0%, rgba(1, 1, 38, 1) 100%);
	background: linear-gradient(to bottom,  rgba(2, 93, 140, 1) 0%, rgba(1, 1, 38, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#025d8c',  endColorstr='#010126', GradientType=0 );
}
footer {
	clear: both;
   width: 100%;
   height: 100px;
}
footer p {
   font-size: 95%;
}
@media screen and (max-width: 767px) {
	footer p {
		font-family: sans-serif;
		font-size: 75%;
		margin: 2% 10% 4% 10%;
		text-shadow: none;
	}
}