html, body {font-family: 'Prompt','Century Gothic', CenturyGothic, AppleGothic, sans-serif, Helvetica;margin:0; line-height:1.2em;-webkit-font-smoothing:antialiased; font-size:1em; overflow-y: scroll;}
.fb_area{margin-top:1.5em}
#search-2 {display:none}
sidebar input {font-size:70%}
.kitten {max-width:50%}
.power {max-width:50%}
input [type='text']{font-size:60%}
h1 {font-size:150% ;text-align:center}
#mheader  {
    background-image: url("/images/catback.png"); background-size: 20%;
   }
#mheader picture {}
/*start nav */

.navlink {
  float: left;
  overflow: hidden;
 margin:0;
   padding:0;
}
.dropdown {
  float: left;
  overflow: hidden;
   margin:0;
   padding:0;
}

.dropdown .dropbtn {
  border: none;
  outline: none;
  color: #fff;
  background-color: inherit;
  font-family: inherit; 
  font-size: inherit;
  margin: 0; 
  padding:0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

#nav .dropdown-content a {
  float: none;
  color: #000;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/*end nav */

.products {}
.product_item {display:grid; grid-template-rows: min-content; text-align:center; }
.product_item div {border:1px solid #000; border-collapse: collapse; margin:-1px 0 0 -1px; padding:0; font-size:.8em}
.products img {max-width:100%; width:200px }

/* mobile menu start */

#mobilenav {display:block}
#mobilenav a{font-size:100%; line-height:70%}
.mobnav {
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: relative;
  max-width: 100%;
  z-index: 3;
  border:1px solid #000;
  background-color:#0066CC;
}

.mobnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.mobnav li a {
  display: block;
  padding: 5px 5px;
  border-top:1px solid #000;
  text-decoration: none;
  color: #f2f2f2;
}

.mobnav li a:hover,
.mobnav .mobmenu-btn:hover {
  background-color:#ccc; color:#000
}

.mobnav .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

.mobnav .mobmenu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

.mobnav .mobmenu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 10px 8px;
  position: relative;
  user-select: none;
}

.mobnav .mobmenu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 16px;
}

.mobnav .mobmenu-icon .navicon:before,
.mobnav .mobmenu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.mobnav .mobmenu-icon .navicon:before {
  top: 5px;
}

.mobnav .mobmenu-icon .navicon:after {
  top: -5px;
}

.mobnav .mobmenu-btn {
  display: none;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu {
  max-height: 540px;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon {
  background: transparent;
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon:before {
  transform: rotate(-45deg);
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon .navicon:after {
  transform: rotate(45deg);
}

.mobnav .mobmenu-btn:checked ~ .mobmenu-icon:not(.steps) .navicon:before,
.mobnav .mobmenu-btn:checked ~ .mobmenu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* mobile menu end */

#nav {display:none}
.catphoto {max-width:100%; text-align:center}
.ecardcats {text-align:center; font-size:40%;}
.ecardcats a{padding-right:.1em; padding-left:.1em}
.searcharea input {font-size:.8em}
.Cards tr {margin-bottom:0em}
.Name {background-color:#999999}
.Cards table   { margin-left:auto; margin-right:auto; text-align:center; max-width:75%; margin-bottom:.1em}
.Cards td {text-align:center; border:.1em solid #000; margin-bottom:0em; padding:0em; border-collapse: collapse;  }
.Cards {}

.vid-container {
	position:relative;
	padding-bottom:56.25%;
	margin-bottom:1em;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.vid-container iframe, .vid-container object, .vid-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media all and (min-width: 800px) {
.fb_area{line-height:50%; margin-top:0}
#search-2 {display:inline; }
#sidebar {padding:0; margin:0; line-height:40%}
html, body {line-height:1.3em; font-size:1.4em;}
.products {display:grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; text-align:center; border-collapse: collapse;}
.product_item {display:grid; }
.product_item div {border:1px solid #000}
.products img {max-width:100%; }
}

.happy {font-size:200%; text-align:center}
img {border:0}
#thewrapper{width:100%; margin-left:auto; margin-right:auto; background-color:#fff}
#mfooter {text-align:center;  background-color:#A4D1FF; color:#000; padding-top:.5em; padding-bottom:.5em; border:.2em solid #000}
#mheader {   margin-top:0; clear:both; float:none; border:.2em solid #000; text-align:center; border-bottom:0;}
#content {float:none; clear:both; width:100%; overflow:auto;  }
#mcontent {font-size:1em; float:none; clear:both; width:100%; overflow:auto;  }
#mheader img{ max-width:100%; vertical-align: bottom; }
#mcontent a{text-decoration:none; color:#003399; font-size:.8em; font-weight:bold}
#nav {background-color:#A4D1FF;  overflow:auto;  border:.2em solid #000; padding:0; }
#footernav {overflow:auto; text-align:center; font-size:.6em; font-weight:bold; text-shadow:1px 1px 2px #000; }
#footernav  a{margin-right:1em }
#footernav  a:hover{color:#fff}
#nav a {color:#000; text-decoration:none;  font-size:.6em;  font-weight:bold;  margin-right:.8em; }
#mfooter a {text-decoration:none; color:#000}
#mfooter a:hover {opacity:.5}
.SearchArea {font-size:100%}

#nav a:hover {color:#900}
.centered {text-align:center}
.bolded {font-weight:bold}
#content_body{padding:.5em}
.sitemap p {line-height:25%; }
#social_media{}

@media all and (min-width: 200px) {

#nav a {text-decoration:none; color:#fff; font-size:.7em;  }
#mcontent a{ font-size:.9em}
}
article {margin-bottom:1em; margin-left:.5em}

@media all and (min-width: 1050px) {
body {font-size:.79em}
#mobilenav {display:none}
#nav {display:block; padding-bottom:0em; overflow:hidden}
#nav a {color:#000; font-size:.80em;  font-weight:bold; }
}

@media all and (min-width: 1100px) {

#mobilenav {display:none}
#nav {display:block; padding-bottom:0em; overflow:hidden}
#nav a {font-size:.83em; padding-top:.1em; padding-bottom:.1em; }
body {font-size:.80em}
#mheader img{ max-width:100%; vertical-align: bottom; }
.ecardcats {text-align:center; font-size:70%;}
.ecardcats a{padding-right:.2em; padding-left:.2em}
.searcharea  input {font-size:1em}
#nav a{ text-shadow:1px 0px 0px #333; margin-left:1em
	}

#nav a:hover {color:#FF0;}
	
#nav a:active {
position:relative;
	top:1px;
}

}

@media all and (min-width: 900px) {
.pollarea {position:relative; Width:90%; margin-left:auto; margin-right:auto;}
}

@media all and (min-width: 1200px) {
body {font-size:.81em}
#nav {padding-top:.1em; padding-bottom:0em; overflow:hidden}
#nav a {font-size:.85em;  font-weight:bold; padding-top:.1em; padding-bottom:.1em; }
#mcontent a{ font-size:1em}
#mcontent {line-height:130% }
#mfooter {font-weight:bold;  }
#footernav {font-size:.7em; }
.SearchArea {font-size:250%}
}

@media all and (min-width: 1400px) {
body {font-size:.91em; }
#nav a {font-size:.96em; }
#footernav {font-size:.9em; }
}

@media all and (min-width: 1515px) {
body {font-size:.91em; }
#nav a {font-size:1.1em; }
#footernav {font-size:.9em; }
}

@media all and (min-width: 1650px) {
body {font-size:.98em}
#nav a {font-size:1.1em; }
#footernav {font-size:.9em; }

}

@media all and (min-width: 1850px) {
body {font-size:1.1em}
#mcontent { font-size:110%; }
}
.items td {border:.1em solid #000}

#ad a {text-decoration:none; }
#ad {background-color:#ff0; width:100%; text-align:center; border-bottom:.2em solid #000}
.copy {font-size:.8em; text-shadow:1px 1px 2px #000;}


.email_button {
	text-shadow:1px 2px 0px #0d1014;
}

.pollarea {position:relative; Width:85%; margin-left:auto; margin-right:auto; margin-bottom:.5em}
.pollarea input[type="submit"] {font-size:1.1em;}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style]   {width: 100% !important;display:block;z-index:2000;position:relative}

.fb-like, 
.fb-like > span,
.fb-like > span iframe {
    max-width:353px; 
}


#mfooter .fa {
  padding: 8px;
  width: 22px;
  font-size: 80%;
  text-align: center;
  text-decoration: none;
  margin: 3px 1px;
  background:#fff;
 }
 
#mfooter .fa:hover {
    opacity: 0.3;
}

#mfooter .fa-facebook {

  color: #000;
}

#mfooter .fa-twitter {
  color: #000;
}

#mfooter .fa-reddit {
  color: #000;
}

#mfooter .fa-envelope  {
  color: #000;
}

 #mfooter .fa-follow {
   border-radius: 50%;
 }