/*@font-face {
font-family: "Quiggly";
src: url('fonts/QUIGLEYW.woff') format('woff'),
url('fonts/QUIGLEYW.ttf') format('truetype');
}*/
/* vietnamese */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/greatvibes/v14/RWmMoKWR9v4ksMfaWd_JN9XKiaQ6DQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/greatvibes/v14/RWmMoKWR9v4ksMfaWd_JN9XLiaQ6DQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/greatvibes/v14/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');*/

.header {
  padding: 2px 16px;
  background: indigo;
	background: linear-gradient(to right, white 0%, indigo 100%);
	padding-top: 15px;
	padding-bottom: 10px;
	font-family:'Great Vibes', cursive;
	font-size:1em;
}


.header img{
	float:left;
}
h1{
	color: black;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	font-size:3.5em;
	/*line-height: 180px;*/
	font-family:'Great Vibes', cursive;
}
.subhead{
	color: black;
	vertical-align: middle;
	margin: 0px;
	font-size:2em;
	font-style: italic;
}
h2, h4{
	text-align: center;
	vertical-align: middle;
	margin: 1em;
}
h2{
	color:indigo;
	font-size:3em;
}
h3{
}
h4{
	font-size:2em;
}
td{
  padding: 1em;
}
li{
	 font-size: 1.5em;
}
.buy{
	text-align: center;
	font-size: x-large;
}
.buy li, .buy ul{
	display:inline-block;
	 font-size: x-large;
}
.download{
	text-align: center;
	font-size: x-large;
}
.error{
	text-align: center;
	font-size: x-large;
	color:red;
	font-weight:bold;
}
.price{
	text-align: center;
	font-size: x-large;
	font-weight:bold;
}

.content, article {
  padding: 16px;
	padding-top: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
}

.description{
	color: black;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	z-index:99999;
}
.sticky a{
	text-decoration: none;
	color: black;
}
.intro{
	text-align: center;
	font-size: x-large;
}

.em{
	font-style: italic;
	text-align: center;
	font-size: x-large;
	color:red;
}
table.coupon{
	 font-size: 1.5em;
	  text-align: center;
		width:80%;
		 margin-left:auto;
    margin-right:auto;
}
table.coupon tr:nth-child(odd){
  /*background:#b19cd9 ;
  background: #acace6;*/
  background: #ccccff;
	border:1px solid indigo;
}
.mainlink{
	color: black;
  padding: 0px ;
	padding-top:1em;
	padding-bottom:1em;
	margin:0em;
	text-align: center;
	width:100%;
	font-size: x-large;
	background: linear-gradient(to right, white 0%, indigo 100%);
	color: black;
}

.mainlink a{
	color: black;
}
.upc{
	text-align: center;
	font-weight:bold;
}


ul.navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
	font-size:1.5em;
}

li.navbar {
  float: right;
	width:25%;
}

li.navbar  a{
  display: block;
  /*padding: 8px;*/
	text-decoration:underline;
}
ul.sm {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
	font-size:0.5em;
}

article img{
	margin:auto;
	display:block;
	width:50%;
}
.caption{
	display:block;
	margin:auto;
	width:50%;
	text-align:center;
}
@media screen and (max-width: 810px) {
	.header {
		padding: 4px ;
		background: indigo;
		background: linear-gradient(to right, white 0%, indigo 100%);
	}

	.header img{
		width:50px;
	}

	h1{
		font-size:2em;
	}

	.subhead{
		font-size:1em;
	}

	h2{
		font-size:2em;
	}
	h2, h4{
		margin: 10px;
	}

	.content,article {
		padding: 2px;
		padding-top: 200px;
		
	}
	.logo{
	}
	ul.navbar {
		font-size:1em;
	}
	li.navbar {
		width:100%;
		display:block;
	}
}