/* IMPORTANT */
/* This design has code for mobile only */


* {
margin:0;
padding:0;
}

body {
	margin: 0;
	background: #444;
	font-family: arial, verdana, sans-serif;
}

/* For mobile phones: */
[class*="sec-"] {
  width: 100%;
}

.head-wrapper {
	background-color: #000;	
	padding: 10px;

	
}

.head-content {
	color: #fff;
	background: url(banner2.png) no-repeat center;
	height: 150px;	
	background-size: 300px 100px;

}

.head-content p {
	display: none;
}

.head-contact{color: #fff;font-weight: bold;}

.intro-wrapper {
	background-color: #202020;	
	padding: 10px;
	
}

.intro-content1 {
	color: #fff;
	background: url(rules.png) no-repeat center;
	height: 200px;	
	background-size: 300px 150px;

}

.intro-content1 p {
	display: none;
}

.intro-content2 {
	color: #fff;
}

.intro-content2 h3 {
	padding: 10px;
}

.intro-content2 p {
	padding: 10px;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .intro-wrapper {height: 250px;}
  .intro-content1 {height: 250px;width: 50%;position: relative; float: left;background-size: 500px 300px;}
  .intro-content2 {width: 50%;position: relative; float: left;}
  .rec-wrapper {clear: left;}

}

@media 
only screen and (max-width: 760px) {

/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		font-size: 10px;
	}


}

.matl-wrapper {
	background: #005dab;	
	padding: 10px;

	
}

.matl-content1 {
	height: auto;
	padding: 10px;	
}

.matl-content1 p{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}

.matl-content2 {
	background-color: #fff; 
	height: auto;	
	width: 80%;
	margin: auto;
}

.matl-content1 h3{text-align: center; color: #fff;}

.general-wrapper {
	background: #005dab;	
	padding: 10px;

	
}

.general-content1 {
	height: auto;
	padding: 10px;	
}

.general-content1 p{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}

.general-content2 {
	background-color: #fff; 
	height: auto;	
	width: 80%;
	margin: auto;
}

.general-content1 h3{text-align: center; color: #fff;}

.tech-wrapper {
	background: #005dab;	
	padding: 10px;

	
}

.tech-content1 {
	height: auto;
	padding: 10px;	
}

.tech-content1 p{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}

.tech-content2 {
	background-color: #fff; 
	height: auto;	
	width: 80%;
	margin: auto;
}

.tech-content1 h3{text-align: center; color: #fff;}

table th{text-decoration: underline;}

table {font-size: 15px;width: 100%;}

tr:nth-child(even){background-color: #f2f2f2;}

ol {list-style-position: outside; padding: 10px;margin-left:20px;}

ul {list-style-position: outside; padding: 10px;margin-left:20px;}

.foot-wrapper {
	padding: 10px;
	
}

.foot-content {
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}