/* CSS Responsive Landing Page */
/* PO */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
p,h1, h2, h3, h4,h5,h6, body, html, td, th, * {
	margin: 0;
	padding: 0;
	border: 0 none;
}
body {
	
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal; 
	font-size: 100%; /*16px*/
	
}

figure img {
	width: 100%;
}


/* * * * * * * * * * * * * * * * * * * * MAIN WRAPPERS - COLOR BANDS * * * * * * * * * * * * * * * * * * * */
.wrapper-header, 
.wrapper-photo,
.wrapper-teal,
.wrapper-green, 
.wrapper-teal-top,
.wrapper-teal-bottom,
.wrapper-ivory, 
.wrapper-footer {
	width: 100%;
	text-align: center;
	position: relative;
	display: block;
	z-index: 0;
}
.wrapper-header  {
	background-color: #e8e4da;
}
.wrapper-headline .content {
	text-align: center;
	max-height: 20em;
	color: #638f06;
}
.wrapper-teal {
	background-color: #008996;
	color: #e8e4da;
}
.wrapper-teal-top  {
	background-color: #008996;
	color: #e8e4da;
	height: 2.5em;
}
.wrapper-teal-bottom  {
	background-color: #008996;
	color: #e8e4da;
}
.wrapper-green  {
	background-color: #638f06;
	color: #e8e4da;
}
.wrapper-green  .content-teal {
	background-color: #008996;
	color: #e8e4da;
}
.wrapper-headline  {
	background-color: #e8e4da;
}
.wrapper-ivory {
	background-color: #e8e4da;
	color: #008996;
}
.wrapper-ivory h1 {
	color: #638f06;
}
.wrapper-footer  {
	background-color: #008996;
	color: #e8e4da;
	min-height: 8em;
}
.overlay {
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	z-index: 40;	
}
.content-ivory  {
	color: #008996;
}
.content-teal {
	background-color: #008996;
	color: #e8e4da;
}

/* * * * * * * * * * * * * * * * * * * * HEADLINES * * * * * * * * * * * * * * * * * * * */
h1 {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 2em; 
	font-weight: 300;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: center;
	padding: 0;
}
h1.main {
	
	position: absolute;
	left: -999em;
}
h2 {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 2em; 
	font-weight: 300;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: center;
	padding: .75em 0 .75em;
	margin: 0;
	
}
h3 {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1.5em; 
	font-weight: 300;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: center;
	margin: .5em auto 2em auto;
}
h2.price {
	font-family: "Palatino Linotype", Palatino, serif;
	color: #008996;
	font-size: 1.2em; 
	font-weight: bold;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: center;
	margin: .5em auto 2em auto;
	
}

h3.receipt {
	font-family: "Palatino Linotype", Palatino, serif;
	color: #008996;
	font-size: 1.5em; 
	font-weight: bold;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: center;
	margin: .5em auto 1.3em auto;
	padding: 0 30px;
}
/* * * * * * * * * * * * * * * * * * * * BASIC P * * * * * * * * * * * * * * * * * * * */
p {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 1.1em; 
	font-weight: 300;
	letter-spacing: .4px;
	line-height: 1.6em;
	text-align: left;
	padding: 0 10% 5%;
	}
	
/* * * * * * * * * * * * * * * * * * * * SPECIAL P * * * * * * * * * * * * * * * * * * * */

p.copyright {
	font-size: .8em; 
	font-weight: 300;
	color: #e8e4da;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: center;
	padding: 0 10%;
}
p.size {
	text-align: center;
	padding: 2em 0 1em;
}

p span.products {
	font-size: 1em; 
	font-weight: 300;
	color: #638f06;
}
#galleries p.backtotop {
	font-size: .8em; 
	color: #638f06;
}

.vid {
	display: block;
	width: 420px; 
	height: 315px;
	margin: 0 auto 2em; 
	text-align: center;
}
/* * * * * * * * * * * * * * * * * * * * A LINKS * * * * * * * * * * * * * * * * * * * */
a:link, a:visited {
	color:#638f06;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}
a.phone:link, a.phone:visited {
	color:#008996;
	text-decoration: none;
	font-weight: bold;
}
a.phone:hover, a.phone:active {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
a.footer:link, a.footer:visited {
	color: #e8e4da;
	text-decoration: none;
	font-weight: normal;
}
a.footer:hover, a.footer:active {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
.wrapper-teal a:link, .wrapper-teal a:visited {
	color:#000000;
	text-decoration: none;
}
.wrapper-teal a:hover, .wrapper-teal a:active {
	color: #000;
	text-decoration: underline;
}
.wrapper-green a:link, .wrapper-green a:visited {
	color:#000000;
	text-decoration: none;
}
.wrapper-green a:hover, .wrapper-green a:active {
	color: #000;
	text-decoration: underline;
}
.wrapper-ivory a:link, .wrapper-ivory a:visited {
	color:#638f06;
	text-decoration: none;
}
.wrapper-ivory a:hover, .wrapper-ivory a:active {
	color: #000000;
	text-decoration: none;
}

/* * * * * * * * * * * * * * * * * * * * GALLERIES ONLY * * * * * * * * * * * * * * * * * * * */
#galleries h2 {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1.4em; 
	font-weight: 300;
	line-height: 1.4em;
	text-align: left;
	padding: .75em 0 .5em 5%;
	margin: 0;
	color: #008996;
}
#galleries h3 {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 2em; 
	font-weight: 300;
	line-height: 1.4em;
	text-align: center;
	padding: .75em 0;
	margin: 0;
	color: #638f06;
}
#galleries p {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: 1.1em; 
	font-weight: 300;
	color: #008996;
	letter-spacing: .4px;
	line-height: 1.5em;
	text-align: left;
	padding: 0 10% 5%;
	}

/* * * * * * * * * * * * * * * * * * * * CONTENT PANELS * * * * * * * * * * * * * * * * * * * */
.content {
	background-color: transparent;
	margin: 0 auto;
	max-width: 62.5em;
	text-align: center;
	z-index: 10;
	padding: 0;
	overflow: hidden;
	position: relative;
}
.content-ivory {
	background-color: #e8e4da;
	margin: 0 auto;
	max-width: 62.5em;
	text-align: center;
	z-index: 10;
	padding: 0;
	overflow: hidden;
	position: relative;
}
.content-teal {
	background-color: transparent;
	margin: 0 auto;
	max-width: 62.5em;
	text-align: center;
	z-index: 10;
	padding: 0;
	overflow: hidden;
	position: relative;
}


/* * * * * * * * * * * * * * * * * * * * HEADER * * * * * * * * * * * * * * * * * * * * * * * */
#header {
	position: relative;
	text-align: center;
	border-top: 0 none;
	padding-bottom: 1.5em;
}
#header figure {
	position: relative;
}
.social {
	position: relative;
	top: 14em;
	left:30%;
	width: 5em;
	z-index: 60;
}


/* * * * * * * * * * * * * * * * * * * * BIG PHOTO PANELS* * * * * * * * * * * * * * * * * * * * */

.content-photo-cv3 {
	background: url(images/bestfriends1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo-cv4 {
	background: url("images/littleply3pack1000.jpg") top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo {
	background: url(images/zoopanel1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo2ab {
	background: url(images/AnnaBeaBabyTurtle1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo2 {
	background: url(images/rabbits1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo3 {
	background: url(images/lionstigersbears1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo4 {
	background: url(images/georgesgap1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo5 {
	background: url(images/catleaves1000.jpg) top center no-repeat;
	height:405px /*25.313em*/;
	z-index: 20;
}
.content-photo15 {
	background: url(images/display1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo6 {
	background: url(images/koala-one1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo7 {
	background: url(images/fallleaves1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo8 {
	background: url(images/fillienmom1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo9 {
	background: url(images/sloth1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo95 {
	background: url(images/garden1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo {
	background: url(images/zoopanel1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-illustrations {
	background: url(images/illustrations1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
	display: block;
}
.content-photo22 {
	background: url(images/kiln1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo33 {
	background: url(images/glazing1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo44 {
	background: url(images/studio1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo55 {
	background: url(images/frosty1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo-christmas {
	background: url(images/christmas-postcard1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-christmas {
	background: url(images/christmas-1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo66 {
	background: url(images/filly1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo77 {
	background: url(images/pasture1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo88 {
	background: url(images/xmas1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
.content-photo-show {
	background: url(images/clay1000.jpg) top center no-repeat;
	height: 486px/*30em*/;
	z-index: 20;
}
/* * * * * * * * * * * * * * * * * * * * WRAPPER PHOTO * * * * * * * * * * * * * * * * * * * * */
.wrapper-photo .content h2 {
	color: #e8e4da;
	padding-top: 7em;
}
.wrapper-photo .content p {
	color: #e8e4da;
}
/* * * * * * * * * * * NAV* * * * * * * * * * * * */
nav.top {
	display: block;
}
nav.top ul {
	display: block;
	list-style-type: none;
	text-align: center;
	padding: .5em 0;
}
nav.top li {
	display: inline;
}
nav.top li a {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1.2em;
	font-weight: 200;
	line-height: 2em;
	padding: .35em ;	
	letter-spacing: 0;
	text-align: center;
}
.wrapper-teal-top nav.top li a {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1em;
	font-weight: 200;
	line-height: 2em;
	padding: .5em;	
	letter-spacing: 0;
	text-align: center;
}
nav.top ul a:link, nav.top ul a:visited {
	text-decoration: none;
	color: #e8e4da;
}
nav.top ul a:hover, nav.top ul a:active, nav.top ul a.current {
	text-decoration: none;
	color: #000;
}
/* * * * * * * * * * * BURGER * * * * * * * * * * * * */
#burger {
	display: none;
	position: relative;
	top: 5px;
	left: 85%;
	font-size: 1.2em;
	line-height: 1.5em;
	width: 2em;
	font-family: "Palatino Linotype", Palatino, serif;
	z-index: 60;
	padding-bottom: 5px;
}
#burger a:link, #burger a:visited {
	color: #e8e4da;
}
#burger a:hover, #burger a:active{
	color: #000000;
}
/* * * * * * * * * * * NAV BOTTOM * * * * * * * * * * * */
nav.bottom {
	display: block;
}
nav.bottom ul {
	display: block;
	list-style-type: none;
	text-align: center;
	padding: 0;
}
nav.bottom li {
	display: inline;
}
nav.bottom li a {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1.2em;
	font-weight: 200;
	line-height: 2em;
	padding: .35em ;	
	letter-spacing: 0;
	text-align: center;
}
.wrapper-teal-bottom {
	padding: .75em 0;
}
nav.bottom {
	padding: .75em 0;
}
.wrapper-green#bottom {
	padding: 1em 0;
}
.wrapper-teal-bottom nav.bottom li a {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.5em;
	padding: .5em;	
	letter-spacing: 0;
	text-align: center;
}
nav.bottom ul a:link, nav.bottom ul a:visited {
	text-decoration: none;
	color: #e8e4da;
}
nav.bottom ul a:hover, nav.bottom ul a:active, nav.bottom ul a.current {
	text-decoration: none;
	color: #000;
}


/* * * * * * * * * * * ANIMALS NAV * * * * * * * * * * * * */
ul.animals {
	display: block;
	list-style-type: none;
	margin: 0 auto;
}
ul.animals li {
	display: inline-block;
	margin-top: 1em;
}
ul.animals li a {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 0;
	letter-spacing: 0;
	text-align: center;
	padding: .25em;
}

ul.animals li img {
width: 300px;	
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border-radius: 200px 200px 200px 200px;
-webkit-box-shadow: -2px 2px 14px -8px rgba(201,106,22,0.90);
-moz-box-shadow: -2px 2px 14px -8px rgba(201,106,22,0.90);
box-shadow: -2px 2px 14px -8px rgba(201,106,22,0.90);
	/*OLD box-shadow: -2px 4px 14px -12px rgba(201,106,22,0.99);*/
}

ul.animals a:link, ul.animals a:visited {
	text-decoration: none;
	color: #008996;
}
ul.animals a:hover, ul.animals a:active {
	text-decoration: none;
	color: #638f06;
}
/* * * * * * * * * * * ANIMAL GROUP * * * * * * * * * * * * */
ul.animalgroup {
	display: block;
	list-style-type: none;
	margin: 0 auto;
}
ul.animalgroup li {
	display: inline-block;
	margin-top: 1em;
}
ul.animalgroup li {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 0;
	letter-spacing: 0;
	text-align: center;
	padding: .30em;

}
ul.animalgroup li img {
	width: 300px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
	border-radius: 200px 200px 200px 200px;
-webkit-box-shadow: -2px 2px 14px -8px rgba(201,106,22,0.90);
-moz-box-shadow: -2px 2px 14px -8px rgba(201,106,22,0.90);
box-shadow: -2px 2px 14px -8px rgba(201,106,22,0.90);
	/*OLD box-shadow: -2px 4px 14px -12px rgba(201,106,22,0.99);*/
}
ul.animalgroup li img.paypalbtn {
width: 40px; 
margin: 30px 0 0 14px;
vertical-align: -10px;
}
ul.animalgroup a:link, ul.animalgroup a:visited {
	text-decoration: none;
	color: #008996;
}
ul.animalgroup a:hover, ul.animalgroup a:active {
	text-decoration: none;
	color: #638f06;
}


/* * * * * * * * * * * IMAGES * * * * * * * * * * * * */
figure {
	margin: 0 auto;
	text-align: center;
}
figcaption {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #638f06;
	font-size: .9em;
	line-height: 1.1em;
	display: block;
	padding: 1% 5%;
	text-align: center;
	z-index: 900;
}
figure img  {
	width:100%;
}
figure img.logo {
	width: 37.5em;
}
figure img.large {
	display: block;
	margin: 1% auto;
}
figure img.small {
	display: none;
}
figure img.column { /* Image in Text Column of Article */
	float: left;
	padding: 0 2% 2% 10%;
	width: 25%;
}

figure img.column-small { /* Image in Text Column of Article */
	float: left;
	padding: 0 2% 2% 10%;
	width: 150px;
}
 iframe {
	width: 560px;
	height: 315px;
	margin: 0;
}

#phone {
	display: none;
}
img.bstar {
	float: right;
	width: 250px;
	margin: 0 10px;
}

/* * * * * * * * * * * * * * * * * * * * FOOTER * * * * * * * * * * * * * * * * * * * */
#footer {
	background: transparent;
	text-align: left;	
	padding: 2em 0 12em 0;
}
#footer h2 {
	font-weight: 200;
}
/* * * * * * * * * * * * * * * * * * * * FORM* * * * * * * * * * * * * * * * * * * */
input {
	height: 2.2em;
	border: 1px solid #008996;
	margin: 0 .5em .5em 0;
	padding-left: 2px;
}
.products p {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
	font-size: .9em; 
	font-weight: 300;
	color: #008996;
	line-height: 1.1em;
	text-align: right;
}
.products h2 {
	text-align: center;
}
input.personal {
	width: 25em;
	height: 2em;
	margin-bottom: 1em;
	border: 1px solid #008996;
	text-align: left;
}
div.products {
	display: inline-block;
	width: 18em;
	margin: 1em 1.5em 1em 0;
	vertical-align: top;
}
input[type="checkbox"] {
	width: 22px;
	height: 22px;
}
/*********************TABLET**************************/
@media all and (max-width: 900px)  {

ul.animals li {
	padding-top: 1em;
}
ul.animals li img {
	width: 240px;
}
ul.animals li span {
	font-size: 1em;
}
#burger {
	display: none;
}
h1 {
	font-size: 2em; 
}
h2 {
	font-size: 2em;	
}
p {
	font-size: 1em; 
	}

}
/**************************TABLET**************************/
@media all and (max-width: 800px)  {

figure img.logo {
	width: 28em;
}
ul.animals li img {
	width: 200px;
}
ul.animals li span {
	font-size: 1em;
}
#burger {
	display: none;
}
.social {
	position: relative;
	top: 5em;
	left:5%;
	width: 5em;
}
h1 {
	font-size: 2em; 
}
h1.main {
	display: none;
}

h2 {
	font-size: 1.5em;	
}
}

/*************************TABLET**************************/
@media all and (max-width: 730px)  {

figure img.logo {
	width: 26em;
}

ul.animals li img {
	width: 200px;
	margin-top: 1em;
}
ul.animals li span {
	font-size: 1em;
}

#burger {
	display: block;
	top: 0;
	font-size: 1.4em;
}
nav.top  {
	display: block;
}
nav.top ul {
	display: none;
}
.wrapper-teal-top {
	display: none;
}
nav.bottom {
	display: block;
}
nav.bottom ul {
	display: block;
	list-style-type: none;
	text-align: center;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
}
nav.bottom li {
	display: inline-block;
	margin:0;
	padding: 0;
	border-bottom: 1px solid #e8e4da;
	width: 100%;
	text-align: left;
}
nav.bottom li a {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 2em;
	padding: .35em 0 .35em 2em;	
	letter-spacing: 0;
	text-align: left;
}
.wrapper-teal-bottom nav.bottom li a {
	font-family: "Palatino Linotype", Palatino, serif;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 2em;
	padding: .35em 0 .35em 2em;	
	letter-spacing: 0;
	text-align: left;
}
.wrapper-teal-bottom, nav.bottom {
	padding: 0;
}
.wrapper-green#bottom {
	padding: 0;
}
.social {
	position: relative;
	top: 2em;
	left:5%;
	width: 5em;
}	
h1 {
	font-size: 2em; 
}
h1.main {
	display: none;
}
h2 {
	font-size: 1.5em;	
}
h3 {
	font-size: 1.1em;	
}

}
/************************TABLET**************************/
@media all and (max-width: 500px)  {

figure img.logo {
	width: 90%;
}
ul.animals {
	width: 95%;	
}
ul.animals li {
	margin-top: .2em;
}
ul.animals li img {
	max-width: 170px;
	margin-top: 1em;
}
ul.animals li span {
	font-size: 1em;
}
.social {
	position: relative;
	top: 1em;
	left:5%;
	width: 5em;
}
.content {
	margin: 0 auto;
}
.content-teal {
	margin: 0 auto;
}
/* * * * * * * * * * * * * * * * * * * * BIG PHOTO PANELS* * * * * * * * * * * * * * * * * * * * */
.content-photo {
	background: url(images/zoopanel500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo-cv3 {
	background: url(images/bestfriends500.jpg) top center no-repeat;
		height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo-cv4 {
	background: url(images/littleply3pack500.jpg) top center no-repeat;
		height: 20em;
	max-height: 20em;
	z-index: 20;
}
.content-photo2 {
	background: url(images/rabbits500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo2ab {
	background: url(images/AnnaBeaBabyTurtle500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo3 {
	background: url(images/lionstigersbears500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo4 {
	background: url(images/georgesgap500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo5 {
	background: url(images/catleaves500.jpg) top center no-repeat;
	height: 12.688em;
	max-height: 17.938em;
	z-index: 20;
}
.content-illustrations {
	background: url(images/illustrations500.jpg) top center no-repeat;
	height: 12.688em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo15 {
	background: url(images/display500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo6 {
	background: url(images/koala-one500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo7 {
	background: url(images/fallleaves500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo8 {
	background: url(images/fillienmom500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo9 {
	background: url("images/sloth500.jpg") top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo95 {
	background: url(images/garden500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo {
	background: url(images/zoopanel500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo22 {
	background: url(images/kiln500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo33 {
	background: url(images/glazing500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo44 {
	background: url(images/studio500.jpg) top center no-repeat;
	height: 17.938em;
	z-index: 20;
}
.content-photo55 {
	background: url(images/frosty500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo-christmas {
	background: url(images/christmas-postcard500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-christmas {
	background: url(images/christmas-500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo66 {
	background: url(images/filly500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo77 {
	background: url(images/pasture500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo88 {
	background: url(images/xmas500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
.content-photo-show {
	background: url(images/clay500.jpg) top center no-repeat;
	height: 17.938em;
	max-height: 17.938em;
	z-index: 20;
}
iframe {
	width: 500px;
	height: 281px;
	margin: 0;
}
}
/*********************************PHONE**************************/
@media all and (max-width: 425px)  {

figure img.logo {
	width: 90%;
}
ul.animals {
	width: 98%;	
}
ul.animals li span {
	font-size: 1em;
}
ul.animals li {
	display: inline-block;
}
ul.animals li a {
	font-size: 1em;
	padding: 0.25em;
}
ul.animals li img {
	width: 135px;
	margin-top: 1em;
}
nav.top  {
	display: block;
	padding: .5em 0;
}
nav.top ul {
	display: none;
}
nav.bottom {
	display: block;
	width: 100%;
}
nav.bottom a {
	display: block;
	width: 100%;
}
#burger {
	left: 75%;
	font-size: 1.1em;
}
.social {
	position: relative;
	top: 1em;
	left:5%;
	width: 5em;
}
h1 {
	font-size: 2em; 
	line-height: 1.6em;
	padding: 0;
}
h1.main {
	display: none;
}
h2 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: 600;
}
h3 {
	font-size: 1.1em;
	text-align: center;
	width: 80%;	
}
.content, .content-teal {
	margin: 0 auto;
}

.wrapper-photo .content h2 {
	padding-top: 6em;
}

figure img.column { /* Image in Text Column of Article */
	float: left;
	padding: 0 10% 2% 10%;
	width: 80%;
}
iframe {
	width: 400px;
	height: 225px;
	margin: 0;
	padding: 0;
}
}
/**********************************************PHONE**************************/
@media all and (max-width: 320px)  {

figure img.logo {
	width: 90%;
}
img.bstar {
	float: left;
	width: 90%;
	margin: 0 20px;
}
ul.animals {
	width: 95%;	
}
ul.animals li span {
	font-size: 1em;
}
ul.animals li {
	display: inline-block;
}
ul.animals li a {
	font-size: 1em;
	padding: 0 .25em;
}
ul.animals li img {
	width: 135px;
}
nav.top  {
	display: block;
	padding: .5em 0;
}
nav.top ul {
	display: none;
}
nav.bottom {
	display: block;
}
nav.bottom a {
	width: 100%;
}
#burger {
	left: 75%;
	font-size: 1.1em;
}
.social {
	position: relative;
	top: .75em;
	left: 5%;
	width: 4.5em;
}
h1 {
	font-size: 1.7em; 
	line-height: 1.6em;
	padding: 1em 0;
}
h1.main {
	display: none;
}
h2 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: 600;
}
h3 {
	font-size: 1.1em;
	width: 80%;	
	margin: 0 10% 10%;
}
.content, .content-teal {
	max-width: 320px;
	margin: 0 auto;
}
/* * * * * * * * * * * * * * * * * * * * BIG PHOTO PANELS* * * * * * * * * * * * * * * * * * * * */
.content-photo {
	background: url(images/zoopanel320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
	.content-photo-cv3 {
	background: url(images/bestfriends320.jpg) top center no-repeat;
	height: 10.063em;
	max-height: 10.063em;
	z-index: 20;
}
	.content-photo-cv4 {
	background: url(images/littleply3pack320.jpg) top center no-repeat;
	height: 10.063em;
	max-height: 10.063em;
	z-index: 20;
}
.content-photo2 {
	background: url(images/rabbits320.jpg) top center no-repeat;
	height: 10.063em;
	max-height: 10.63em;
	z-index: 20;
}
.content-photo2ab {
	background: url(images/AnnaBeaBabyTurtle320.jpg) top center no-repeat;
	height: 10.063em;
	max-height: 10.63em;
	z-index: 20;
}
.content-photo3 {
	background: url(images/lionstigersbears320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo4 {
	background: url(images/georgesgap320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo5 {
	background: url(images/catleaves320.jpg) top center no-repeat;
	height: 8.125em;
	max-height: 8.125em;
	z-index: 20;
}
.content-photo15 {
	background: url(images/display320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo6 {
	background: url(images/koala-one320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-illustrations {
	display: none;
}
.content-photo7 {
	background: url(images/fallleaves320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo8 {
	background: url(images/fillienmom320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo-christmas {
	background: url(images/christmas-postcard320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-christmas {
	background: url(images/christmas-320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo9 {
	background: url("images/sloth320.jpg") top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo95 {
	background: url(images/garden320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo22 {
	background: url(images/kiln320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo33 {
	background: url(images/glazing320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo44 {
	background: url(images/studio320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo55 {
	background: url(images/frosty320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo66 {
	background: url(images/filly320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo77 {
	background: url(images/pasture320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo88 {
	background: url(images/xmas320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}
.content-photo-show {
	background: url(images/clay320.jpg) top center no-repeat;
	height: 9.750em;
	max-height: 9.750em;
	z-index: 20;
}

.wrapper-photo .content h2 {
	padding-top: 0em;
}
#phone {
	display: block;
}
.vid {
	display: block;
	width: 315px; 
	height: 236px;
	margin: 0 auto 2em; 
	text-align: center;
}
p {
	font-size: 1em; 
	line-height: 1.4em;
	font-weight: 300;
	padding: 0 10% 10%;
	}
iframe {
	width: 320px;
	height: 180px;
	margin: 0;
}
}
/**********************************************PHONE**************************/
@media all and (max-width: 300px)  {

figure img.logo {
	width: 13em;
}
ul.animals li span {
	font-size: .9em;
}
ul.animals li {
	display: inline-block;
}
ul.animals li a {
	font-size: 1em;
	padding: 0 .25em;
}
ul.animals li img {
	width: 98px;
}
nav.top  {
	display: block;
	padding: .5em 0;
}
nav.top ul {
	display: none;
}
nav.bottom {
	display: block;
	width: 100%;
}
nav.bottom a {
	width: 100%;
}
h1 {
	font-size: 1.5em; 
	line-height: 1.4em;
	padding: 1em 0;
}
h1.main {
	display: none;
}
h2 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: 600;	
}
h3 {
	font-size: 1.1em;	
}
#burger {
	left: 75%;
	font-size: 1.1em;
}
.content {
	max-width: 300px;
	padding: 0;
}
.content-teal{
	max-width: 300px;
	padding: 0 0 2%;
}
.wrapper-teal .content-photo {
	background: url(images/zoopanel320.jpg) top center no-repeat;
	height: 9.5em;
	z-index: 20;
}
.wrapper-teal .content-photo2 {
	background: url(images/rabbits320.jpg) top center no-repeat;
	height: 10em;
	z-index: 20;
}
.wrapper-photo .content h2 {
	padding-top: 0em;
}
#phone {
	display: block;
}
.vid {
	display: block;
	width: 299px; 
	height: 224px;
	margin: 0 auto 2em; 
	text-align: center;
}
p {
	font-size: .9em; 
	line-height: 1.6em;
	font-weight: 300;
	padding: 0 8% 5%;
	}
figure img.column {
    float: left;
    padding: 0 5% 2% 8%;
    width: 80%;
}
figure img.column-small {
    float: left;
    padding: 0 5% 2% 8%;
    width: 120px;
}
iframe {
	width: 300px;
	height: 169px;
	margin: 0;
}
}