/* 
Generic Styling, for Desktops/Laptops 
*/
body {
    font:normal normal 14pt/18pt verdana,sans-serif; color:#003300;background-color:#dfe7fd;
line-height:150%;


text-shadow: rgba(245,245,245,0.5) 2px 4px 1px;
  }


@media all and (max-width: 800px) {/*800px for samsung galaxy m30s*/
  body {color:maroon;
    font-size:18pt;
line-height:200%;
  }
}


h2{color:brown;text-shadow: rgba(245,245,245,0.5) 2px 4px 1px;}

.container {
    font:normal normal 16pt/18pt times new roman,sans-serif; color:navy;background-color:lightyellow;
line-height:150%;


text-shadow: rgba(245,245,245,0.5) 3px 5px 1px;

  }
@media all and (max-width: 800px) {/*600px for samsung galaxy m30s*/
 .container{background-color:lightgreen;
   font: normal bold 18pt/20pt tahoma;color:red;
line-height:150%;
  }
}
img{ width:540px;height:430px;

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:500px){img{width:250px;height:210px;

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


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

tr:nth-of-type(odd) {
  background: lightblue;
}
th {
  background: lightgreen;
  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;
  }
}