/* 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

*/
#container 
{
width:500px;
padding-left:10px;
padding-right:30px;
  color:#000;
font-size:1.2rem;
font-family: helvetica,sans-serif;
text-shadow:#c0c0c0 0px 1px 1px;
line-height: 150%;
background-color:#ffffff;

color:navy;font-size:2em;font-weight:normal;}

@media(min-width:800px){#container{color:#333333;font-size:90%;padding-right:40px;}} 



body {
font:normal bold 16pt/22pt tahoma,sans-serif; color:#333333;background-color:lavender;
line-height:150%;


}


@media all and (max-width: 800px) {/*800px for samsung galaxy m30s*/
  body {
font:normal normal 120% verdana;background-color:lightblue;
line-height:150%;
  }
}



h2{color:brown;font:normal bold 150% tahoma}
h3{font:normal bold 120% verdana;color:navy}


a{text-decoration:none;}

.img_menu{width:45px;height:50px;}



tr{border-bottom:solid 2px navy;}

tbody tr:nth-child(odd) {
  background-color:lightblue;
}

tbody tr:nth-child(even) {
  background-color: #cccccc;
}


 table { 
font:normal normal 16pt arial, sans-serif;
line-height:150%;

width:500px;border-collapse: collapse; border: 1px solid #3333; padding:5px;}


 thead th:nth-child(1) { width: 100px;}
 thead th:nth-child(2) { width: 20px; }
 thead th:nth-child(3) { width: 200px; }
 thead th:nth-child(4) { width: 100px; } 

th, td { padding: 1px;border-right:solid 2px #333333; } 
td{vertical-align:top;}
th{border-bottom:solid 2px red;background:lightgreen;}






h1{font: navy normal normal 30pt arial, sans-serif;color: brown; text-shadow: #333333 0px 3px 5px;

line-height:150%;}



h5{                /*3D*/
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
	font: 18pt 'Times New Roman';
vertical-align:middle;
background:lavender;
}



.shadowed {
  text-shadow: #333333 0px 3px 5px;font-size:20pt;font-weight:bold;
}


/* 
Generic Styling, for Desktops/Laptops 
*/

.img_circular{
 width: 200px;
 height: 200px;
 background-image: url('http://strawberry-fest.org/wp-content/uploads/2012/01/Coca-Cola-logo.jpg');
 background-size: cover;
 display: block;
 border-radius: 100px;
 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
}

a{text-decoration:none;
  }