#introduction{
        background-image: url('/images/61769.jpg');
        background-size:100% 100%;
        background-repeat: no-repeat;
        position: relative;
        margin-top:1%;
        margin-bottom:1%;
}
#org{
        /*background-color:whitesmoke;*/
        text-align:center;
}
#platform{
        background-color:whitesmoke;
        text-align:center;
}
#aboutus{
        /*background-color:whitesmoke;*/
        text-align:center;
}
#insights{
        background-color:whitesmoke;
	text-align:center;
}
.blogicon{
	width:50px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.timestamp{
	text-align:center;
	width:100%;
}
.entry-title{
	text-align:center;
}
button {
  background-color: #4CAF50;
  color: white;
  border: 2px solid darkgreen;
  border-radius: 8px;
  padding:16px;
  margin:10px;
}
.button-light {
  background-color: white;
  color: #4CAF50;
  border: 2px solid #4CAF50;
  border-radius: 8px;
  padding:16px;
  margin:10px;
}

.plogo {
	width:40%;
}
.ptlogo{
	width:20%;
}
@media only screen and (max-width:767px){
html {
  scroll-behavior: smooth;
}
hr{
  float:left;
  width:100%;
}
#headerlogo{
	width:35%;
	display:block;
}
.hdr3 button{
	margin:10px;
	float:left;
}
.hdr2{
	vertical-align:middle;
}
.div-table {
  width: auto;         
  border: 0px;         
}
.div-table-full{
  width: auto;
  border: 0px;
}

.div-row {
  width: auto;
  clear: both;
}
.div-cell-3 {
  float: left; /* fix for  buggy browsers */
  width: 100%;         
}
.div-cell-2 {
  float: left; /* fix for  buggy browsers */
  width: 100%;         
}
.div-cell-1 {
  float: left; /* fix for  buggy browsers */
  width: 100%;         
}
header{
	display:block;
}
body{
	font-family:"Nunito Sans";
	margin:0;
	padding:0;
}
h1{
	color:SteelBlue;
	margin-top:2%;
	margin-bottom:2%;
}
h2{
	color:LightSteelBlue;
	margin-top:2%;
	margin-bottom:2%;
}
.h3plus{
  font-size:24px;
}
#platform button{
	margin:20px;
	display:inline-block;
}

#example{
	background-color:whitesmoke;
	text-align:center;
}
#info td{
	width:50%;
	vertical-align:top;
	margin:5%;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}
#market-table td{
	width:33%;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
}
.headertable td{
}
.hdrlnk{
	width:100%;
}
.hdrlnk td{
	width:25%;
	text-align:center;
}
table{
	text-align:center;
}
button {
  background-color: #4CAF50;
  color: white;
  border: 2px solid #4CAF50; /* Green */
  border-radius: 8px;
}
#header{
	margin:8%;
	margin-top:1%;
	margin-bottom:1%;
}
.content {
	margin:8%;
	margin-top:1%;
	margin-bottom:3%;
	display:inline-block;
}
#contactus{
  display:flex;
  justify-content:center;
  background-color:lightblue;
}
.contact-table{
  text-align:center;
  background-color:powderblue;	
  display: table;         
  width: 100%;         
  border: 0px;   
  padding:5px; 
  border-radius:4px;  
}
.contactform{
  background-color:powderblue;	
  border-radius:4px;
  width:100%; 
}
.contact-row{
	width:auto;
}
.contact-cell-1{
	float:left;
	width:100%;
}
.contact-cell-2{
	float:left;
	width:100%;
}
input{
	border:4px;
	border-radius:4px;
	height:100%;
	width:calc(100% - 8px);
	margin:4px;
}
textarea{
	border:4px;
	border-radius:4px;
	width:97%;
	height:200px;
    margin:4px;	
}
#sendbutton{
	margin:10px;
}
.entry-title{
  color:SteelBlue;
  text-decoration:none;
  margin:2px;
}

}
@media only screen and (min-width:768px){
#headerlogo{
	width:65%;
	display:block;
}
html {
  scroll-behavior: smooth;
}
.hdr3 button{
	margin:10px;
	float:right;
}
.hdr2{
	margin-top:15px;
	vertical-align:middle;
}
.hdr1{
	width:100%;
	vertical-align:middle;
}
.div-table {
  display: table;         
  width: auto;         
  border: 0px;         
}
.div-table-full{
  display: table;
  width: 100%;
  border: 0px;
}

.div-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-cell-h1 {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 20%;         
}
.div-cell-h2 {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 50%;         
}
.div-cell-h3 {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 30%;         
}
.div-cell-3 {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: calc(33% - 60px);
  padding:30px;         
}
.div-cell-2 {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: calc(50% - 60px);
  padding:30px;
  text-align:left;         
}
.div-cell-1 {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 100%;         
}
header{
	display:block;
}
body{
	font-family:"Nunito Sans";
	margin:0;
	padding:0;
}
h1{
	color:SteelBlue;
	margin-top:2%;
	margin-bottom:2%;
}
h2{
	color:LightSteelBlue;
	margin-top:2%;
	margin-bottom:2%;
}
.h3plus{
  font-size:24px;
}

#platform button{
	margin:20px;
	display:inline-block;
}

#example{
	background-color:whitesmoke;
	text-align:center;
}
#info td{
	width:50%;
	vertical-align:top;
	margin:5%;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}
#market-table td{
	width:33%;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
}
.headertable td{
}
.hdrlnk{
	width:100%;
}
.hdrlnk td{
	width:25%;
	text-align:center;
}
a{
  padding:10px;
}
table{
	text-align:center;
}
button {
  background-color: #4CAF50;
  color: white;
  border: 2px solid darkgreen;
  border-radius: 8px;
  padding:16px;
  margin:10px;
}
#header{
	margin:8%;
	margin-top:1%;
	margin-bottom:1%;
}
.content {
	margin:8%;
	margin-top:1%;
	margin-bottom:3%;
	display:inline-block;
}
#contactus{
  display:flex;
  justify-content:center;
  background-color:lightblue;
}
.contact-table{
  text-align:center;
  background-color:powderblue;	
  display: table;         
  width: 100%;         
  border: 0px;   
  margin:5px; 
  border-radius:4px;  
}
.contactform{
  background-color:powderblue;	
  border-radius:4px;
  border:4px;
  width:100%; 
}
.contact-row {
  display: table-row;
  width: 100%;
  clear: both;
}

.contact-cell-2 {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 50%;      
}
.contact-cell-1 {
  float:left;
  display: table-column;         
  width:100%;
}

input{
	border:4px;
	border-radius:4px;
	height:100%;
	width:calc(100% - 8px);
	float:left;
	margin:4px;
}
textarea{
	border:4px;
	border-radius:4px;
	height:200px;
	width:calc(100% - 8px);
	float:left;
	margin:4px;
}
#sendbutton{
	margin:10px;
}
.entry-title{
  color:SteelBlue;
  text-decoration:none;
  margin:2px;
}
}