<base href="http://go.pardot.com" >
 <meta charset="utf-8"/>
 <meta name="description" content="%%description%%"/>
 <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
 <title>%%title%%</title>
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
 <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=swap" rel="stylesheet">
 
 <link rel="stylesheet" href="https://use.typekit.net/pbv6abr.css">
 <style>

 /* --------------------------------------------------------------
 FORM STYLES
 ----------------------------------------------------------------- */
 /* Bebas Neue */
 html, body { 
 font-family: 'Bebas Neue', serif;
 font-weight: 400;
 }
 /* Brandon Grotesque */
 html, body { 
 font-family: 'Brandon Grotesque', sans-serif;
 font-weight: bold;
 } 
 body {
 background-color: #fff;
 }
 
 /* --------------------------------------------------------------
 RESPONSIVE
 ----------------------------------------------------------------- */
 /* xs */
 @media(max-width:767px){
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 65px;
 line-height: 55px;
 font-weight: normal;
 text-align:center;


 }
			img {
 margin:auto;
 display: block;

 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 }
 
 }
 /* sm */
 @media (max-width:768px){ 
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 65px;
 line-height: 55px;
 font-weight: normal;
 text-align:center;
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 
 }}/* md */
 @media(max-width:1199px){
			 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 65px;
 line-height: 55px;
 font-weight: normal;
 text-align:center;
 }
 img {
 margin:auto;
 display: block; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 }}
 /* lg */
 @media(min-width:1200px){
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:left;
 }
 	img {
 float: left; 
 margin: 0px 5px 5px 45px; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 32px;
 line-height: 35px;
 font-weight: normal;
 text-align: left;
 padding-left: 0px; 
 padding-right: 0px; 
 }}

 }

<base href="http://go.pardot.com" >
 <meta charset="utf-8"/>
 <meta name="description" content="%%description%%"/>
 <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
 <title>%%title%%</title>
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
 <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=swap" rel="stylesheet">
 
 <link rel="stylesheet" href="https://use.typekit.net/pbv6abr.css">
 <style>

 /* --------------------------------------------------------------
 FORM STYLES
 ----------------------------------------------------------------- */
 /* Bebas Neue */
 html, body { 
 font-family: 'Bebas Neue', serif;
 font-weight: 400;
 }
 /* Brandon Grotesque */
 html, body { 
 font-family: 'Brandon Grotesque', sans-serif;
 font-weight: bold;
 } 
 body {
 background-color: #fff;
 }
 
 /* --------------------------------------------------------------
 RESPONSIVE
 ----------------------------------------------------------------- */
 /* xs */
 @media(max-width:767px){
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:center;


 }
			img {
 margin:auto;
 display: block;

 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 }
 
 }
 /* sm */
 @media (max-width:768px){ 
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:center;
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 
 }}/* md */
 @media(max-width:1199px){
			 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:center;
 }
 img {
 margin:auto;
 display: block; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 }}
 /* lg */
 @media(min-width:1200px){
 
 h1 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 65px;
 font-weight: normal;
 text-align:left;
 }
 	img {
 float: left; 
 margin: 0px 5px 5px 45px; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 32px;
 line-height: 35px;
 font-weight: normal;
 text-align: left;
 padding-left: 0px; 
 padding-right: 0px; 
 }}

 }

Give today and help pets in need find a loving home.

<base href="http://go.pardot.com" >
 <meta charset="utf-8"/>
 <meta name="description" content="%%description%%"/>
 <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
 <title>%%title%%</title>
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
 <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;display=swap" rel="stylesheet">
 
 <link rel="stylesheet" href="https://use.typekit.net/pbv6abr.css">
 <style>

 /* --------------------------------------------------------------
 FORM STYLES
 ----------------------------------------------------------------- */
 /* Bebas Neue */
 html, body { 
 font-family: 'Bebas Neue', serif;
 font-weight: 400;
 }
 /* Brandon Grotesque */
 html, body { 
 font-family: 'Brandon Grotesque', sans-serif;
 font-weight: bold;
 } 
 body {
 background-color: #fff;
 }
 
 /* --------------------------------------------------------------
 RESPONSIVE
 ----------------------------------------------------------------- */
 /* xs */
 @media(max-width:767px){
 
 h2 {
 color: #e3bb6c;
 font-family: 'Bebas Neue', serif;
 font-size: 36px;
 line-height: 39px;
 font-weight: normal;
 text-align:center;


 }
			img {
 margin:auto;
 display: block;

 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: left;
 
 }
 
 }
 /* sm */
 @media (max-width:768px){ 
 
 h2 {
 color: #e3bb6c;
 font-family: 'Bebas Neue', serif;
 font-size: 36px;
 line-height: 39px;
 font-weight: normal;
 text-align:center;
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 
 }}/* md */
 @media(max-width:1199px){
			 
 h2 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 36px;
 line-height: 39px;
 font-weight: normal;
 text-align:center;
 }
 img {
 margin:auto;
 display: block; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 25px;
 line-height: 28px;
 font-weight: normal;
 text-align: center;
 
 }}
 /* lg */
 @media(min-width:1200px){
 
 h2 {
 color: #ffffff;
 font-family: 'Bebas Neue', serif;
 font-size: 72px;
 line-height: 75px;
 font-weight: normal;
 text-align:center;
 }
 	img {
 float: left; 
 margin: 0px 5px 5px 45px; 
 }
 p {
 color: #ffffff;
 font-family: 'brandon grotesque', sans-serif;
 font-size: 35px;
 line-height: 38px;
 font-weight: normal;
 text-align: center;
 
 }}

 }

Give the gift of year-round support by becoming a monthly donor.

Help Save Lives

Become a Champion

Your gift makes a lasting impact

Frequently asked questions

Is my donation secure?

Do I get a receipt?

Do you sell or share my contact information?

What is PetSmart Charities tax ID number?

Where can I mail my donation?