@import url('https://fonts.googleapis.com/css?family=Roboto');
 body { width: calc(100vw - 20px); font-family:'Roboto', sans-serif; color:#222; background-color:#FFF; height: 100%; margin: 10px; box-sizing: border-box;
  
         /*background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, rgb(255,255,255)), color-stop(0.61, rgb(224,234,255)));

          background: -moz-linear-gradient(center bottom, rgb(255,255,255) 20%, rgb(224,234,255) 61%); */}
			
  table, div { box-sizing: border-box; }			

  .tbl { width:min(80vw, 370px); /*border-radius:8px;*/ background-color:#C0DB7C; color:#222;

         /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(153,204,0)),color-stop(0.62, rgb(204,255,128)));

         background: -moz-linear-gradient(center top,rgb(239,244,255) 0%,rgb(255,255,255) 62%)*/}
	 
.tbl2 { width:min(80vw, 370px); /*border-radius:8px;*/  background-color:#7FCCE5; color:#222;

         /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(0,153,203)),color-stop(0.62, rgb(128,204,255)));

         background: -moz-linear-gradient(center top,rgb(239,244,255) 0%,rgb(255,255,255) 62%)*/}

  .tbl th, .tbl2 th { text-align: right; width:90px; }

  .tbl td, .tbl2 td { text-align: right; padding: 5px 10px;}

  .tbl.firstTd, .tbl2.firstTd { padding-top: 25px;}

  .buttonCell { text-align: center; }
  
  .buttonCell input { font-size: 18px; }

  h1 { text-align: center; font-size: xxx-large; }

  input.text { text-align: right; };

  input.button {text-align: center; margin: 5px auto; display: block; }

  .tab1 
{
	/*background-image:url('./menu_tab_1.png');
	background-repeat: no-repeat;*/
	height: 35px;
	color: #FFF;
	text-transform:uppercase;
	padding: 8px 0px 0px 0px;
	font-weight: bold;
	background-color: #A0BB5C;
	width: min(80vw, 370px);
}
.tab2
{
	/*background-image:url('./menu_tab_2.png');
	background-repeat: no-repeat;*/
	height: 35px;
	color: #FFF;
	text-transform:uppercase;
	padding: 8px 0px 0px 0px;
	font-weight: bold;
	background-color: #5FACC5;
	width: min(80vw, 370px);
}

.st_fblike_hcount iframe { width: calc(100vw - 20px) !important; }

@media all and (max-width: 800px) {
  .no-smartphone { display: none !important; }
  h1 { font-size: xx-large; }
}

@media all and (min-width: 801px) {
  .smartphone { display: none !important; }
  
  .desktop-inline { display: inline-block; }
}