@charset "utf-8";

body {
	background-color:#ffffff;
    text-align:center;
}
p {
	margin: 10px 0;
}
#br {
	margin: 10px;
}
h1 {
	#margin: 0px;
}
h2 {
	#margin: 0 0 10px 0;
}
#container {
	background: #ffffff;
	max-width:100%;
	min-width:320px;
	margin:0 auto;
	border: 5px solid #000000;
	border-radius: 6px;
}
#grid {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	padding: 0;
	margin: 0;
}
#grid  li {
  display: inline-block;
  max-width:100%;
  min-width:320px;
  margin: 30px 400px;
  background: #ffffff;
  border: 1px solid #009EE0;
  border-radius: 10px;
}
#grid li  h3 {
  padding: 10px 10px 10px 10px;
  margin: 0;
}
#grid li  div {
  margin: 0;
}
.logo {
	text-align:center;
	margin:20px 0 0 0;
	border:none;
}
.fleximg {
	max-width: 100%;
	}
.text-data {
 	text-align:center;
	font-family: sans-serif;
	font-size:18px;
	color: #333;
}
.text-h2 {
	font-family: sans-serif;
	font-size:21px;
	color: #333333;
}
.text {
	text-align:center;
	font-size:20px;
	font-family: sans-serif;
	color:#333333;
}
.text-slogan {
    font-size: 22px;
	font-weight: bolder;
    color: #000099;
	margin: 0 0 10px;
}
.scales { 
    box-sizing: border-box; 
    max-width: 100%;
    min-width: 280 px;
    padding: 10px; 
    }
/* RESPONSIVE */
@media (min-width: 1200px) {
#grid  li {
  margin: 30px 200px;
}
.text-data {
 	text-align:center;
	font-family: sans-serif;
	font-size:17px;
	color: #333;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
#grid  li {
  margin: 30px 100px;
}
.text-data {
 	text-align:center;
	font-family: sans-serif;
	font-size:16px;
	color: #333;
}
}
@media (max-width: 767px) and (min-width: 481px) {
#grid  li {
  margin: 30px 50px;
}
.logo {
	text-align:center;
	margin-top:10px;
	border:none;
}
.text-data {
 	text-align:center;
	font-family: sans-serif;
	font-size:14px;
	color: #333;
}
.text {
	text-align:center;
	font-size:18px;
	font-family: sans-serif;
	color:#333;
}
.text-slogan {
    font-size: 20px;
    color: #0000cc;
}
}
@media (max-width: 480px) {
#grid  li {
  margin: 10px;
}
.logo {
	text-align:center;
	margin-top:10px;
	border:none;
}
.text-data {
 	text-align:center;
	font-family: sans-serif;
	font-size:13px;
	color: #333;
}
.text {
	text-align:center;
	font-size:16px;
	font-family: sans-serif;
	color:#333;
}
.text-slogan {
    font-size: 15px;
    color: #0000cc;
}
}