/*Discard or use as a template for your web page*/

* {
margin: 0;
padding: 0;

}

body {
max-width: 1280px;
margin: 0 auto;
font-family: Roboto , arial;
font-size : 20px;
background-color: #F9F9F9
}


header{
	width:90%;
	float:left;
	padding: 2% 5% 0 5%;
	background:linear-gradient(to bottom , #0066cc, #fff);
	box-shadow: none }

header p {
font-size: 36px;
float: left;
margin: 0 0 0 5%;
color: #fff;
line-height: 100%;
font-weight : bold;
text-indent: 0px;
text-shadow: 1px 1px 3px #000;}

.slogan {
font-size: 28px;
font-style: oblique;
color: #000;
font-weight: 200;
line-height: 100%;
text-indent:0px;
text-shadow :none}

div.main  {

width:90%;
padding:0 5%;
float:left;
background-color: #fff;
}

footer {
	width:98%;
	float:left;
	padding: 0 1% 2% 1%;
background:linear-gradient(to top , #0066cc, #ffffff);
margin: 0  0;
border: none;
box-shadow: none;
}

footer p.ftr-info {
text-align:center;
margin: 0 0;
padding: 0 0
}

h1 , h2 {
text-align: center}
h1 {font-size: 28px}
h2 {font-size: 22px}

p {
text-align:left;
text-indent:16px;
padding :2% 2%;
}

p.clear {
clear: both;
font-size: 10px}


@media (max-width : 900px) {
header p {
font-size :30px;
display: block; 
float:none;
text-align:center
}
.slogan {
font-size:20px;
display:block;
text-align : center
}

}

@media (max-width : 500px) {
header p {font-size: 24px}
.slogan {font-size: 18px}
}