/* 
Generic Styling, for Desktops/Laptops 
*/
body {
    display: block;font:normal normal 16pt/24pt times new roman; color:#333333;background-color:lavender;

  }
@media all and (max-width: 800px) {/*800px for samsung galaxy m30s*/
  body {
    display: block;font-size:14pt;background-color:lightblue;

  }
}


h2{font-size:18pt;color:maroon;line-height:150%;}
/*size for android*/
@media(max-width:500px){h2{font-size:16pt;}}



h4{font:italic bold 14pt times new roman, serif;color:navy;line-height:150%;}
/*size for android*/
@media(max-width:500px){h4{font-size:12pt;}}

img

{ width:500px;height:300px;

border: double 3px gray;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-khtml-border-radius: 0.5em;

/*center
 display: block;
  margin-left: auto;
  margin-right: auto;*/

}

/*size for android*/
@media(max-width:800px){img{width:400px;height:300px;

border: solid 1px brown;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-khtml-border-radius: 0.2em;
}}


/*IFRAME*/
/*IFRAME*/
iframe
{ width:100%;

background-color:lavender;
padding:10px;

overflow:visible;
display:none; 


/*curvy

border: double 5px gray;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-khtml-border-radius: 0.5em;
*/
}

/*size for android*/
@media(max-width:800px){iframe{
/*width:450px;*/

border:solid 1px maroon;
background-color:lightblue;
padding:5px;}}

/*TABLE*/
table {
  width: 75%;
  border-collapse: collapse;
}
/* Zebra striping */

tr:nth-of-type(odd) {
  background: #eee;
}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td,
th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}
@media all and (max-width: 500px) {
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
}