html {
height: 100%;
width: 100%;
}

body {
background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.4)), url('doggy.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 0px 97px;
height: 100%;
width: 100vw;
margin: 0 auto;
}

.lgonly {
display: none;
}

.smonly {
display: block;
}

.containertop {
width: 100vw;
background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.6));
font-family: 'Montserrat', sans-serif;
font-weight: 400;
letter-spacing: 1px;
color: #000;
position: fixed;
top: 0;
z-index: 9999;
}

.topleft {
display: none;
}

.navlogo {
object-fit: contain;
height: 70px;
margin-left: 10px;
margin-top: 10px;
margin-right: 0;
margin-bottom: 5px;
}

navbar-toggler-icon {
color: #838383;
}

.navbar {
width: 100vw;
border-bottom: 0;
border-right: 0;
border-left: 0;
border-top: 0;
box-shadow: 0px;
-webkit-box-shadow: 0px;
-moz-box-shadow: 0px;
	margin: 0px;
	padding: 0px;
}


.navbar-toggler {
margin-right: 20px;
margin-top: auto;
margin-bottom: auto;
}

.navbar .navbar-nav {
  margin-top: 0px;
  border-top: 1px solid #c6c6c6;
white-space: pre;
background-image: linear-gradient(to right, #f7eff1, #fff);
padding: 0;
margin: 0;
}

.nav-item {
padding-left: 20px;
padding-top: 5px;
width: 100vw;
margin: 0;
}

.nav-link {
padding: 4px;
margin: 0;
}

.nav-itemtop {
padding-left: 20px;
margin-top: 30px;
padding-bottom: 0px;

}

.nav-itembottom {
padding-left: 20px;
padding-top: 4px;
padding-bottom: 25px;
width: 100vw;
border-bottom: 2px solid rgba(200,143,134,0.6);
}


.main {
margin-top: 0px;
width: 100vw;
margin-left: 0;
margin-right: 0;
text-align: center;
}

.mainab {
margin-top: 99px;
text-align: center;
}

.abouttitle {
font-family: 'Dancing Script', cursive;
font-size: 1.4em;
color: rgba(190,118,142,1);
}


.sectionleft {
width: 100vw;
margin: 0 auto;
padding-top: 30px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 30px;
background: rgba(255,255,255,1);
font-size: 1.2em;
font-family: 'Shippori Mincho B1', serif;
color: #838383;
}

.sectionleftab {
width: 100vw;
margin: 0 auto;
padding-top: 30px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 30px;
background: rgba(255,255,255,1);
font-size: 1.2em;
font-family: 'Shippori Mincho B1', serif;
color: #838383;
text-align: left;
}

.aboutphotos {
display: none;
}

.photoaboutmob {
object-fit: contain;
width: 70vw;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
border: 2px solid rgba(200,143,134,0.6);
}

.sectionlefta {
width: 100vw;
margin-left: 0 auto;
margin-right: 0 auto;
margin-top: 20px;
padding-top: 100px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 30px;
background: rgba(255,255,255,1);
font-size: 1.2em;
font-family: 'Shippori Mincho B1', serif;
color: #838383;
}

.sectionlefts {
width: 100vw;
margin-left: 0 auto;
margin-right: 0 auto;
margin-top: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
background: rgba(255,255,255,1);
font-size: 1.2em;
font-family: 'Shippori Mincho B1', serif;
color: #838383;
}

.sectionlefti {
width: 100vw;
margin-left: 0 auto;
margin-right: 0 auto;
margin-top: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
background: rgba(255,255,255,1);
font-size: 1em;
font-family: 'Shippori Mincho B1', serif;
color: #838383;
text-align: left;
}

.termstitle {
font-weight: bold;
color: rgba(200,143,134,1);
padding-top: 10px;
padding-bottom: 10px;
}

.gallerytitlei {
text-align: center;
font-family: 'Shippori Mincho B1', serif;
font-size: 1.4em;
color: rgba(200,143,134,1);
padding: 20px;
}

.filligreei {
text-align: center;
}

#servs {
width: 100%;
font-size: 0.8em;
text-align: left;
}

#servs td {
padding-left: 5px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
}

.doggyicon {
object-fit: contain;
width: 20vw;
}


.headtable {
font-size: 1.6em;
}

.servtitle {
font-size: 1.2em;
color: #000;
}


.aphoto {
object-fit: contain;
width: 80vw;
}

.ins {
display: inline;
background: #ffffff;
margin: 5px;
padding-top: 20px;
object-fit: contain;
width: 50px;
}

.fblink {
font-size: 1em;
line-height: 1.8em;
color: #808080;
padding-top: 20px;
padding-bottom: 20px;
}

.adsection {
display: none;
}

.adsectionmob {
width: 100vw;
}

.maing {
margin-top: 100px;
background: #fff;
width: 90vw;
margin-right: 5vw;
margin-left: 5vw;
}

.gallery {
width: 96vw;
padding-top: 100px;
margin-left: 2vw;
margin-right: 2vw;
margin-top: 20px;
margin-bottom: 20px;
}

.gallerymain {
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
}

.galleryimage {
object-fit: contain;
width: 80vw;
padding: 10px;
margin: 20px;
border: 2px solid #fff;
box-shadow: 0 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}

.gallerytitle {
font-family: 'Shippori Mincho B1', serif;
font-size: 1.4em;
padding: 20px;
color: rgba(200,143,134,1);
}

.uptop {
width: 100%;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-variant: small-caps;
font-size: 1em;
letter-spacing: 1px;
color: #808080;
padding-top: 20px;
padding-bottom: 20px;
}

.uptop a {
color: #808080;
text-decoration: none;
}


.photo {
object-fit: contain;
width: 80vw;
margin-left: 10vw;
margin-right: 10vw;
padding-top: 10px;
padding-bottom: 10px;
}


.photoi {
object-fit: contain;
width: 50vw;
padding-top: 10px;
padding-bottom: 10px;
}

.ad {
object-fit: contain;
width: 80vw;
margin-left: 10vw;
margin-right: 10vw;
margin-top: 40px;
margin-bottom: 40px;
}

.pic {
padding-top: 40px;
padding-bottom: 20px;
background: #c6c6c6;
}

.doggy {
object-fit: contain;
width: 100vw;
}



.dogpic {
width: 100vw;
margin: 0 auto;
background: #d9d9d9;
padding-top: 50px;
padding-bottom: 50px;
}

.smalltextblurb {
width: 100vw;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
background: #fff;
color: #838383;
font-family: 'Shippori Mincho B1', serif;
font-size: 1em;
padding-left: 40px;
padding-right: 40px;
line-height: 1.4em;
}

.dividermob {
width: 100vw;
background: #fff;
text-align: center;
}

.filigree {
object-fit: contain;
width: 50vw;
padding-top: 40px;
padding-bottom: 20px;
}

.filigreeb {
object-fit: contain;
width: 50vw;
padding-top: 20px;
padding-bottom: 40px;
}

.filigreemenu {
text-align: center;
width: 100%;
}

.filigreec {
object-fit: contain;
width: 30vw;
}

.groomingkit {
width: 100vw;
margin: 0 auto;
background: rgba(218,189,193,1);
padding-top: 50px;
padding-bottom: 50px;
}

.enquiry {
background: #fff;
padding-top: 20px;
padding-bottom: 20px;
}

.enquirytitle {
font-family: 'Shippori Mincho B1', serif;
font-size: 2em;
color: #c6c6c6;
text-align: center;
padding: 20px;
}

.enquirycontact {
font-family: 'Shippori Mincho B1', serif;
font-size: 1.2em;
color: rgba(200,134,143,1);
text-align: center;
padding: 10px;
}

.map {
object-fit: contain;
width: 80vw;
padding-top: 20px;
padding-bottom: 20px;
}








.cookie-banner {
  position: fixed;
  top: 100px;
  width: 100%;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255,255,255,0.8);
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

button.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: #000;
  border-radius: 2px;
  cursor: pointer;
}

.footer {
width: 100vw;
text-align: center;
font-size: 0.8em;
color: #fff;
background: rgba(200,143,134,1);
margin-top: 20px;
margin-bottom: 0;
padding-top: 5px;
}

.footer a {
text-decoration: none;
color: #fff;
}

.container {
display: flex;
min-height: 100%;
justify-content: center;
align-items: center;
}

.soon {
min-height: 100%;
font-family: serif;
color: rgba(0,0,0,0.6);
font-size: 2em;
}