/* CSS Document */

/* INVISIBLE SCROLLBARS */
::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar-track {
  display: none;
}
::-webkit-scrollbar-track-piece {
  display: none;
}

:root {
  --LogoDark: #333333;
  --LogoLight: #7a7a7a;
  --LogoMagnolia: #BF065C !important; /* used for hearts*/
  --danger: #BF065C !important; /* used for hearts*/
  --Stone: #cdbdbe;
  --Lilac: #e1d0ff;
  --Eucalyptus: #b0faff;
  --Lemon: #fcf8e3; /* was #f2f9d5 */
	--Rose: #ffecff; /* try FFB2B0 */
  --Headings: #5a5a5a;
  --light: #FAFAFB; 
  --dark: #343a40;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}
body {
  min-height: 100vh;
  min-height: 100dvh;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #5a5a5a !important;
  font-weight: 300 !important;
  margin-top: 10px;
	text-transform: uppercase !important;
}
h3 {
  margin-top: 30px !important;
}

p {
  color: #333333 !important;
}

/* FONTS & TEXT SIZES*/
/* Grafolita Script W01 Medium - Adobe*/
@font-face {
  font-family: 'GrafolitaScript';
  src: url('/FONTS/GrafolitaScriptMedium/GrafolitaScriptMedium.otf') format('opentype'),
       url('/FONTS/GrafolitaScriptMedium/GrafolitaScriptMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/*Satisfy Regular - Google*/
@font-face {
    font-family: 'Satisfy';
    src: url('/FONTS/Satisfy/satisfy-regular-webfont.woff2') format('woff2'),
			   url('/FONTS/Satisfy/satisfy-regular-webfont.woff') format('woff'),
         url('/FONTS/Satisfy/satisfy-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	 font-display: swap;
}
/*Rochester-Google*/
@font-face {
    font-family: 'Rochester';
    src: url('/FONTS/Rochester/rochester-regular-webfont.woff2') format('woff2'),
			   url('/FONTS/Rochester/rochester-regular-webfont.woff') format('woff'),
         url('/FONTS/Rochester/rochester-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	 font-display: swap;
}
/*Cookie-Google*/
@font-face {
    font-family: 'Cookie';
    src: url('/FONTS/Cookie/cookie-regular-webfont.woff2') format('woff2'),
				 url('/FONTS/Cookie/cookie-regular-webfont.woff') format('woff'),
			   url('/FONTS/Cookie/cookie-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
		font-display: swap;
}
/*AlexBrush-Google*/
@font-face {
    font-family: 'AlexBrush';
    src: url('/FONTS/Alex_Brush/alexbrush-regular-webfont.woff2') format('woff2'),
				 url('/FONTS/Alex_Brush/alexbrush-regular-webfont.woff') format('woff'),
			   url('/FONTS/Alex_Brush/alexbrush-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;	 
	  font-display: swap;
}
.Fancy {
  font-family: 'GrafolitaScript', cursive;
  font-size: 3rem !important;
  font-weight: normal;
  font-style: normal;
}
.Fancy-lg {
  font-family: 'GrafolitaScript', cursive;
  font-size: 4rem !important;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 2px;
}
.Fancy-Satisfy {
  font-family: 'Satisfy', cursive;
  font-size: 3rem !important;
  font-weight: normal;
  font-style: normal;
}
.Fancy-lg-Satisfy {
  font-family: 'Satisfy', cursive;
  font-size: 4rem !important;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 2px;
}
.Fancy-Rochester {
  font-family: 'Rochester', cursive;
  font-size: 3rem !important;
  font-weight: normal;
  font-style: normal;
}
.Fancy-lg-Rochester {
  font-family: 'Rochester', cursive;
  font-size: 4.5rem !important;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 3px;
}
.Fancy-Cookie {
  font-family: 'Cookie', cursive;
  font-size: 3.5rem !important;
  font-weight: normal;
  font-style: normal;
}
.Fancy-lg-Cookie {
  font-family: 'Cookie', cursive;
  font-size: 5rem !important;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 3px;
}
.Fancy-AlexBrush {
  font-family: 'AlexBrush', cursive;
  font-size: 3.5rem !important;
  font-weight: normal;
  font-style: normal;
}
.Fancy-lg-AlexBrush {
  font-family: 'AlexBrush', cursive;
  font-size: 5rem !important;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 3px;
}
.Lichfield {
  font-size: 1.25rem !important;
  letter-spacing: 1px !important;
}
.TextHeart-xxs {
	font-size: 2rem !important;
	color: #F23869 !important;
	line-height: 90% !important;
}
.TextHeart-xs {
	font-size: 2.3rem !important;
	color: #F23869 !important;
	line-height: 90% !important;
}
.TextHeart-sm {
	font-size: 2.8rem !important;
	color: #F23869 !important;
	line-height: 90% !important;
}
.TextHeart-md {
	font-size: 3.5rem !important;
	color: #F23869 !important;
	line-height: 90% !important;
}
.TextHeart-lg {
	font-size: 4rem !important;
	color: #F23869 !important;
		line-height: 90% !important;
}
.TextHeart-xl {
	font-size: 5rem !important;
	color: #F23869 !important;
		line-height: 90% !important;
}
.IconHeart-xxs {
	height: 1.5rem !important;
	margin-top: -8px;
	margin-right: 2px;
}
.IconHeart-xs {
	height: 1.8rem !important;
	margin-top: -8px;
	margin-right: 2px;
}
.IconHeart-sm {
	height: 2.2rem !important;
	margin-top: -8px;
	margin-right: 3px;
}
.IconHeart-md {
	height: 2.7rem !important;
	margin-top: -8px;
	margin-right: 2px;
}
.IconHeart-lg {
	height: 3rem !important;
	margin-top: -10px;
	margin-right: 2px;
}
.IconHeart-xl {
	height: 4rem !important;
	margin-top: -10px;
	margin-right: 2px;
}
.IconPlay {
	height: 5rem !important;
}
.IconStar {
	height: 1.75rem !important;
	margin-top: -5px;
}
small {
  font-size: 40% !important;
}
.btn {
  font-size: 1.3rem !important;
	text-transform: uppercase;
	/* Same as Bootstrap shadow-lg: */
}
.LinkButton {
	background-color: #fcf8e3 !important;
	font-size: 1.25rem;
	color: #333333;
  font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
  vertical-align: middle;
	border: 1px solid;
	border-color: #cdbdbe;
	margin-top: 5px;
	width: 100%;
}

/* SHADOWS */
.TextShadow {
  text-shadow: 0 2px 0 #333333;
}
.NoTextShadow {
  text-shadow: None;
}
.TextShadowWhite {
  text-shadow: 0 2px 0 #fff;
}
.png-shadow {
  filter: drop-shadow(0 18px 32px rgba(60, 45, 80, 0.22));
}
.ImageShadow {
  -webkit-filter: drop-shadow(5px 5px 5px #7a7a7a);
  filter: drop-shadow(5px 5px 5px #7a7a7a);
}
.ShadowLarge {/* Same as Bootstrap shadow-lg */
	-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
	box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
}

/* BUSINESS CARD - used on home page and galleries */
#BusinessCard {
  display: block;
  width: 100%;
  max-width: 380px;
  padding: 40px;
  margin: auto;
  text-align: center;
  text-decoration: none;
  transition: 
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}
#BusinessCard img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
}
#BusinessCard:hover,
#BusinessCard:focus {
  transform: translateY(-3px);
  border-color: #8f7a55 !important;
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.18) !important;
}
#BusinessCard:focus {
  outline: 3px solid rgba(143, 122, 85, 0.35);
  outline-offset: 4px;
}

/* REVIEW CARDS */
.review-card {
  border: 0;
  border-radius: 1.35rem;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.98),
    rgba(250, 247, 245, 0.96)
  );
  box-shadow: 0 14px 34px rgba(60, 45, 50, 0.10);
  overflow: hidden;
  margin-bottom: 2.25rem;
}
.review-card .card-header {
  border-bottom: 0;
  padding: 1.1rem 1.6rem 0.9rem;
}
.review-card .card-header {
  font-family: "Cookie", cursive;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: none !important;
  color: #4b3f43;
}
.review-stars {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 0.35rem;
  letter-spacing: 0.08em;
}
.review-title {
  font-family: "Cookie", cursive;
  font-size: 1.9rem;
  font-weight: 400;
  line-height: 1.1;
  color: #4b3f43;
}
.review-card .card-body {
  padding: 1.5rem;
  font-size: 1.05rem;
  line-height: 1.65;
}
.review-card p {
  margin-bottom: 1rem;
}
.review-card footer {
  font-size: 0.95rem;
  color: #6c757d;
}
@media (max-width: 575.98px) {
  .review-img {
    float: none !important;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1rem 0 !important;
  }
  .review-card .card-body {
    padding: 1.25rem;
  }
}

.review-img {
  max-width: 350px;
  height: auto;
  border-radius: 0.85rem;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}

/* COLOURS */
/* Text colours */
.GreyDark {
  color: #333333 !important;
}
.GreyLight {
  color: #7a7a7a !important;
}
.Stone {
  color: #cdbdbe !important;
}
.Lilac {
  color: #e1d0ff !important;
}
.Eucalyptus {
  color: #b0faff !important;
}
.Lemon {
  color: #fcf8e3 !important;
}
.Rose {
  color: #FFB2B0 !important; /* original #ffecff */
}

/* Background colours */
.bg-GreyDark {
  background-color: #333333 !important;
}
.bg-GreyLight {
  background-color: #7a7a7a !important;
}
.bg-Stone {
  background-color: #cdbdbe !important;
}
.bg-Lilac {
  background-color: #e1d0ff !important;
}
.bg-Eucalyptus {
  background-color: #b0faff !important;
}
.bg-Lemon {
  background-color: #fcf8e3 !important;
}
.bg-Rose {
  background-color: #FDC3CB  !important; /* original #ffecff - 2nd #FFB2B0 */
}
.bg-Magnolia {
  background-color: 
#BF065C !important;
}

/* NAVIGATION */
.navbar {
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  font-size: 1.1rem !important;
}
/*BOOTSTRAP 5 UPDATES FOR NAV LINK COLOUR FULL WHITE, NOT MUTED*/
#NAVBAR.navbar-dark .navbar-brand,
#NAVBAR.navbar-dark .navbar-nav .nav-link {
  color: #ffffff !important;
  opacity: 1 !important;
}
#NAVBAR.navbar-dark .navbar-nav .nav-link:hover,
#NAVBAR.navbar-dark .navbar-nav .nav-link:focus,
#NAVBAR.navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff !important;
  opacity: 1 !important;
}
/* BOOTSTRAP 5 DROPDOWN FIX - KEEP MENU WHITE */
#NAVBAR .dropdown-menu {
  background-color: #ffffff !important;
  color: #333333 !important;
  border: 0 !important;
}
#NAVBAR .dropdown-menu .dropdown-item {
  color: #333333 !important;
}
#NAVBAR .dropdown-menu .dropdown-item:hover,
#NAVBAR .dropdown-menu .dropdown-item:focus,
#NAVBAR .dropdown-menu .dropdown-item.active {
  background-color: #cdbdbe !important;
  color: #333333 !important;
}

.icon-svg-nav {
	height: 1.75rem; /* svg image icons in top navigation*/
}
.icon-svg-body {
	height: 1.25rem; /* svg image icons in body, header & footer, e.g. video */
}

/* FOOTER */
.icon-svg-footer-phone {
	height: 2rem; /* phone svg icon in footer*/
}
.icon-svg-footer-social {
	height: 2.5rem; /* social svg icons in footer*/
}
.icon-svg-footer-map {
	height: 1.25rem; /* button svg icons in footer*/
}
.icon-svg-footer-video {
	height: 1.25rem; /* video svg icons in footer*/
}
#FooterPhone a {
  color: #f8f9fa; /* link colour for phone number */
  text-decoration: none;
}
.Tappable {
  min-height: 48px;
}

/* SECTIONS */
section {
  padding-top: 70px;
}

/* SWIPER */
.swiper-slide {
  height: auto !important; /* Required for equal height, also needs h-100 */
}
/* Swiper bullets */
.blockquote-footer {
  margin-bottom: 25px !important; /* Card Footer margin for slide bullets*/
}

/* CARDS */
.card {
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  border-radius: 0.4rem !important;
}
.blockquote-footer {
  font-size: 110% !important;
}
.card-header {
	text-transform: uppercase !important;
}
.card-title {
	margin-top: 15px;
}/* Restore Bootstrap 4 card-columns behaviour in Bootstrap 5 */
.card-columns {
  column-count: 3;
  column-gap: 1.25rem;
}
.card-columns .card {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.25rem;
  break-inside: avoid;
}@media (max-width: 767.98px) {
  .card-columns {
    column-count: 1;
  }
}

/* IMAGES */
/* 1x = standard resolotion, 2x = retina resolution: */
.StackMe {
	position: relative;
  left: 0px;
  top: 0px;
	z-index: 100;
}
.clearfix {
  overflow: auto;   /* if a floating image is taller than the element (e.g. <div>) containing it 
	so it overflows outside of its container, 
	add a clearfix class to the containing element with overflow: auto; to fix it */
}
.Fence {
	margin-top: -10px;
	margin-bottom: -25px;
	margin-left: -20px;
	margin-right: -20px;
	background-image: url(/images/whitewashed-fence-640sm.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 150px;
}

/* VIDEO: */
/* Container holding button/image and text (e.g containting div)*/
.PlayButtonContainer {
  position: relative;
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Centered text for Play Button Container (e.g div with image, goes inside containing div)*/
.ImageWithTextCentered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* HEADERS & HEROES */
/* Full-height static image hero */
header[id^="Hero"] {
  position: relative;

  width: 100%;
  max-width: 100%;

  min-height: 100vh;
  height: 100vh;

  margin: 0;
  padding: 0;
  overflow: hidden;

  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Title/logo strip near bottom */
header[id^="Hero"] > #Titles {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(20px, 5vh, 60px);

  z-index: 2;
  background: rgba(252,252,252,0.27);
  padding: 10px 0;
  width: 100%;

  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Overlay layer */
header[id^="Hero"] .cover {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
/* HERO HEADER WITH VIDEO */
/* Full-height video hero */
.HeroVideo {
  position: relative;
  width: 100%;
  max-width: 100%;

  min-height: 100vh;
  min-height: 100svh;
  height: 100vh;
  height: 100svh;

  margin: 0;
  padding: 0;
  overflow: hidden;

  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Title strip on video heroes */
.HeroVideo > #Titles {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(20px, 5vh, 60px);

  z-index: 2;
  background: rgba(252,252,252,0.27);
  padding: 10px 0;
  width: 100%;

  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Overlay */
.HeroVideo .cover {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

/* MEDIA CLASSES - RESPONSIVE CHANGES DEPENDING ON SCREEN SIZE /////////////////////////////////////////// */
	
/* XS and SM Mobile Styles */
@media only screen and (max-width: 767px) {
	header > div {
	background-position: center center !important; 
	margin-left: 0%;
	margin-right: 0%;
	}
  #HeroHome {
    background-image: url(/images/home-640sm.jpg);
  }
  #HeroAbout {
    background-image: url(/images/hero-about-us-640sm.jpg);
  }
	#HeroBeautiful {
    background-image: url(/images/hero-beautiful-cat-640psm.jpg);
  }
  #HeroCatCare {
    background-image: url(/images/hero-cat-care-640psm.jpg);
  }
	#HeroGalleries {
    background-image: url(/images/hero-guest-galleries-phone-640psm.jpg);
  }
	#HeroHappy {
    background-image: url(/images/hero-happy-640psm.jpg);
  }
	#HeroFunny {
    background-image: url(/images/hero-funny-640psm.jpg);
  }
	#HeroCute {
    background-image: url(/images/hero-cute-640psm.jpg);
  }
	#HeroToys {
    background-image: url(/images/hero-cat-toys-640psm.jpg);
  }
	#HeroPlay {
    background-image: url(/images/hero-playing-640psm.jpg);
  }
	#HeroDIYGrooming {
    background-image: url(/images/hero-diy-grooming-640psm.jpg);
  }
	#HeroFitness {
    background-image: url(/images/hero-fitness-640psm.jpg);
	  background-position: right bottom;
  }
	#HeroSpaceChoices {
    background-image: url(/images/hero-space-choices-640psm.jpg);
  }
	#HeroViews {
    background-image: url(/images/hero-views-640psm.jpg);
		background-position: bottom;
  }
	#HeroCuddles {
    background-image: url(/images/hero-cat-cuddles-640psm.jpg);
  }
	#HeroSpecial {
    background-image: url(/images/hero-special-cat-care-640psm.jpg);
  }
	#HeroFamilies {
    background-image: url(/images/hero-multi-cat-family-640sm.jpg);
  }
	#HeroComfortItems {
    background-image: url(/images/hero-comfort-items-640sm.jpg);
  }
	#HeroComfy {
    background-image: url(/images/hero-comfy-640psm.jpg);
  }
  #HeroSuites {
    background-image: url(/images/hero-suites-640sm.jpg);
  }
  #HeroLilac {
    background-image: url(/images/hero-lilac-suite-640sm.jpg);
  }
  #HeroEucalyptus {
    background-image: url(/images/hero-eucalyptus-suite-640sm.jpg);
  }
  #HeroLemon {
    background-image: url(/images/hero-lemon-suite-640sm.jpg);
  }
  #HeroRose {
    background-image: url(/images/hero-rose-suite-640sm.jpg);
  }
	#HeroCourtyardRooms {
    background-image: url(/images/hero-courtyard-rooms-640psm.jpg);
  }
  #HeroFees {
    background-image: url(/images/hero-fees-640sm.jpg);
    background-position: center left;
  }
  #HeroTerms {
    background-image: url(/images/hero-terms-640sm.jpg);
  }
	#HeroHowToBook {
		background-image: url(/images/hero-how-to-book-640sm.jpg);
	}
  #HeroCatTV {
    background-image: url(/images/hero-watch-cat-tv-640sm.jpg);
    background-position: center bottom;
  }
  #HeroReviews {
    background-image: url(/images/hero-reviews-640sm.jpg);
    background-position: center center;
  }
   #LINKS {
    font-size: 1.1rem;
  }
  /* Centre on mobiles instead of float */
  .FloatLeft {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
  .FloatRight {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
}

/* MD Tablet Styles */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	header > div {
	margin-left: 0%;
	margin-right: 0%;
	}
  #HeroHome {
    background-image: url(/images/hero-suites-960md.jpg);
  }
  #HeroAbout {
    background-image: url(/images/hero-about-us-960md.jpg);
  }
  #HeroCatCare {
    background-image: url(/images/hero-cat-care-960md.jpg);
  }
	#HeroGalleries {
    background-image: url(/images/hero-guest-galleries-phone-960md.jpg);
		background-position: center center;
  }
	#HeroHappy {
    background-image: url(/images/hero-happy-960md.jpg);
		background-position: top;
  }
	#HeroFunny {
    background-image: url(/images/hero-funny-960md.jpg);
  }
	#HeroCute {
    background-image: url(/images/hero-cute-960md.jpg);
  }
	#HeroToys {
    background-image: url(/images/hero-cat-toys-960md.jpg);
  }
	#HeroPlay {
    background-image: url(/images/hero-playing-960md.jpg);
  }
	#HeroDIYGrooming {
    background-image: url(/images/hero-diy-grooming-960md.jpg);
  }
	#HeroFitness {
    background-image: url(/images/hero-fitness-960md.jpg);
  }
	#HeroSpaceChoices {
    background-image: url(/images/hero-space-choices-960md.jpg);
  }
	#HeroViews {
    background-image: url(/images/hero-views-960md.jpg);
  }
	#HeroCuddles {
    background-image: url(/images/hero-cat-cuddles-960md.jpg);
  }
	#HeroSpecial {
    background-image: url(/images/hero-special-cat-care-960md.jpg);
  }
	#HeroFamilies {
    background-image: url(/images/hero-multi-cat-family-960md.jpg);
  }
	#HeroBeautiful {
    background-image: url(/images/hero-beautiful-cat-960md.jpg);
  }
	#HeroComfortItems {
    background-image: url(/images/hero-comfort-items-960md.jpg);
  }
	#HeroComfy {
    background-image: url(/images/hero-comfy-960md.jpg);
  }
  #HeroSuites {
    background-image: url(/images/hero-eucalyptus-suite-960md.jpg);
  }
  #HeroLilac {
    background-image: url(/images/hero-lilac-suite-960md.jpg);
  }
  #HeroEucalyptus {
    background-image: url(/images/hero-eucalyptus-suite-960md.jpg);
  }
  #HeroLemon {
    background-image: url(/images/hero-lemon-suite-960md.jpg);
  }
  #HeroRose {
    background-image: url(/images/hero-rose-suite-960md.jpg);
  }
	#HeroCourtyardRooms {
    background-image: url(/images/hero-courtyard-rooms-960md.jpg);
  }
  #HeroFees {
    background-image: url(/images/hero-fees-960md.jpg);
    background-position: center left;
  }
  #HeroTerms {
    background-image: url(/images/hero-terms-960md.jpg);
		background-position: right center;
  }
	#HeroHowToBook {
		background-image: url(/images/hero-how-to-book-960md.jpg);
		background-position: center center;
	}
 #HeroCatTV {
    background-image: url(/images/hero-watch-cat-tv-960md.jpg);
  }
 #HeroReviews {
    background-image: url(/images/hero-reviews-960md.jpg);
  }
  .FloatLeft {
    float: left;
		margin-top: -15px;
    margin-right: 25px;
    margin-bottom: 25px;
    padding-top: 38px;
  }
  .FloatRight {
    float: right;
		margin-top: -15px;
    margin-left: 25px;
    margin-bottom: 25px;
    padding-top: 38px;
  }
}

/* LG Laptop Styles */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	header > div {
	margin-left: 0%;
	margin-right: 0%;
	}
  #HeroHome {
    background-image: url(/images/hero-suites-1440lg.jpg);
  }
  #HeroAbout {
    background-image: url(/images/hero-about-us-1440lg.jpg);
  }
  #HeroCatCare {
    background-image: url(/images/hero-cat-care-1440lg.jpg);
  }
	#HeroGalleries {
    background-image: url(/images/hero-guest-galleries-phone-1440lg.jpg);
		background-position: center top;
  }
	#HeroHappy {
    background-image: url(/images/hero-happy-1440lg.jpg);
  }
	#HeroFunny {
    background-image: url(/images/hero-funny-1440lg.jpg);
  }
	#HeroCute {
    background-image: url(/images/hero-cute-1440lg.jpg);
  }
	#HeroToys {
    background-image: url(/images/hero-cat-toys-1440lg.jpg);
  }
	#HeroPlay {
    background-image: url(/images/hero-playing-1440lg.jpg);
  }
	#HeroDIYGrooming {
    background-image: url(/images/hero-diy-grooming-1440lg.jpg);
  }
	#HeroFitness {
    background-image: url(/images/hero-fitness-1440lg.jpg);
  }
	#HeroSpaceChoices {
    background-image: url(/images/hero-space-choices-1440lg.jpg);
  }
	#HeroViews {
    background-image: url(/images/hero-views-1440lg.jpg);
  }
	#HeroCuddles {
    background-image: url(/images/hero-cat-cuddles-1440lg.jpg);
  }
	#HeroSpecial {
    background-image: url(/images/hero-special-cat-care-1440lg.jpg);
  }
	#HeroFamilies {
    background-image: url(/images/hero-multi-cat-family-1440lg.jpg);
  }
	#HeroBeautiful {
    background-image: url(/images/hero-beautiful-cat-1440lg.jpg);
  }
	#HeroComfortItems {
    background-image: url(/images/hero-comfort-items-1440lg.jpg);
  }
	#HeroComfy {
    background-image: url(/images/hero-comfy-1440lg.jpg);
		background-position: center bottom;
  }
  #HeroSuites {
    background-image: url(/images/hero-eucalyptus-suite-1440lg.jpg);
  }
  #HeroLilac {
    background-image: url(/images/hero-lilac-suite-1440lg.jpg);
  }
  #HeroEucalyptus {
    background-image: url(/images/hero-eucalyptus-suite-1440lg.jpg);
  }
  #HeroLemon {
    background-image: url(/images/hero-lemon-suite-1440lg.jpg);
  }
  #HeroRose {
    background-image: url(/images/hero-rose-suite-1440lg.jpg);
  }
	#HeroCourtyardRooms {
    background-image: url(/images/hero-courtyard-rooms-1440lg.jpg);
  }
  #HeroFees {
    background-image: url(/images/hero-fees-1440lg.jpg);
  }
  #HeroTerms {
    background-image: url(/images/hero-terms-1440lg.jpg);
  }
	#HeroHowToBook {
		background-image: url(/images/hero-how-to-book-1440lg.jpg);
	}
  #HeroCatTV {
    background-image: url(/images/hero-watch-cat-tv-1440lg.jpg);
  }
  #HeroReviews {
    background-image: url(/images/hero-reviews-1440lg.jpg);
  }
  .FloatLeft {
    float: left;
		margin-top: -15px;
    margin-right: 25px;
    margin-bottom: 25px;
    padding-top: 38px;
  }
  .FloatRight {
    float: right;
		margin-top: -15px;
    margin-left: 25px;
    margin-bottom: 25px;
    padding-top: 38px;
  }
}

/* XL Desktop Styles */
@media only screen and (min-width: 1200px) {
	header > div {
	margin-left: 0%;
	margin-right: 0%;
	}
  #HeroHome {
    background-image: url(/images/hero-suites-1920xl.jpg);
  }
  #HeroAbout {
    background-image: url(/images/hero-about-us-1920xl.jpg);
  }
  #HeroCatCare {
    background-image: url(/images/hero-cat-care-1920xl.jpg);
  }
	#HeroGalleries {
    background-image: url(/images/hero-guest-galleries-phone-1920xl.jpg);
		background-position: center center;
  }
	#HeroHappy {
    background-image: url(/images/hero-happy-1920xl.jpg);
  }
	#HeroFunny {
    background-image: url(/images/hero-funny-1920xl.jpg);
  }
	#HeroCute {
    background-image: url(/images/hero-cute-1920xl.jpg);
  }
	#HeroToys {
    background-image: url(/images/hero-cat-toys-1920xl.jpg);
  }
	#HeroPlay {
    background-image: url(/images/hero-playing-1920xl.jpg);
  }
	#HeroDIYGrooming {
    background-image: url(/images/hero-diy-grooming-1920xl.jpg);
  }
	#HeroFitness {
    background-image: url(/images/hero-fitness-1920xl.jpg);
  }
	#HeroSpaceChoices {
    background-image: url(/images/hero-space-choices-1920xl.jpg);
		background-position: center bottom;
  }
	#HeroViews {
    background-image: url(/images/hero-views-1920xl.jpg);
  }
	#HeroCuddles {
    background-image: url(/images/hero-cat-cuddles-1920xl.jpg);
  }
	#HeroSpecial {
    background-image: url(/images/hero-special-cat-care-1920xl.jpg);
  }
	#HeroFamilies {
    background-image: url(/images/hero-multi-cat-family-1920xl.jpg);
  }
	#HeroBeautiful {
    background-image: url(/images/hero-beautiful-cat-1920xl.jpg);
  }
	#HeroComfortItems {
    background-image: url(/images/hero-comfort-items-1920xl.jpg);
  }
	#HeroComfy {
    background-image: url(/images/hero-comfy-1920xl.jpg);
		background-position: center bottom;
  }
  #HeroSuites {
    background-image: url(/images/hero-eucalyptus-suite-1920xl.jpg);
  }
  #HeroLilac {
    background-image: url(/images/hero-lilac-suite-1920xl.jpg);
  }
  #HeroEucalyptus {
    background-image: url(/images/hero-eucalyptus-suite-1920xl.jpg);
  }
  #HeroLemon {
    background-image: url(/images/hero-lemon-suite-1920xl.jpg);
  }
  #HeroRose {
    background-image: url(/images/hero-rose-suite-1920xl.jpg);
  }
	#HeroCourtyardRooms {
    background-image: url(/images/hero-courtyard-rooms-1920xl.jpg);
  }
  #HeroFees {
    background-image: url(/images/hero-fees-1920xl.jpg);
  }
  #HeroTerms {
    background-image: url(/images/hero-terms-1920xl.jpg);
  }
	#HeroHowToBook {
		background-image: url(/images/hero-how-to-book-1920xl.jpg);
	}
  #HeroCatTV {
    background-image: url(/images/hero-watch-cat-tv-1920xl.jpg);
  }
  #HeroReviews {
    background-image: url(/images/hero-reviews-1920xl.jpg);
  }
  .FloatLeft {
    float: left;
		margin-top: -15px;
    margin-right: 25px;
    margin-bottom: 25px;
    padding-top: 38px;
  }
  .FloatRight {
    float: right;
		margin-top: -15px;
    margin-left: 25px;
    margin-bottom: 25px;
    padding-top: 38px;
  }
}