body {
  background-color: #B6C9F7; 
}
.navbar{
    background: #A4F18D;
    opacity: 0.95;
    font-family:'Harrington', sans-serif;
    position: fixed;
    border-radius: 20px; 
    height: 9vw; 
    width: 99%;
    }
.navdiv{
    display: inline-flex;
    align-items: center;
    height: 100%;
    }
.image-logo {
    height: 8vw;
    width: 8vw;
    border-radius: 20px;
    margin-left: 2%;
       
    }
.logo a{
    text-decoration: none;
    display: inline-grid;
    font-size: 2.5vw; 
    font-weight: 800; 
    color: black;
    margin-left: 6%;
    padding: 2px;
    }
li  { 
    display: inline-flex;
    }
ul{
margin-right: -4%;
}
li a{
    text-decoration: none;
    color: black; 
    font-size: 1.5vw; 
    font-weight: 650;
    padding: 5px
    
    }
.social-icon {
    color: black;
    font-size: 1.5vw;    
    }

.image-container{
display: inline-block;
align-content: center;
}
.img1{
width: 75%;
border-radius: 20px;
margin-left: 12.5%;
margin-top: 5%;
}
.overlay-text{
margin-left: 20%;
margin-top: -6%;
width: 60%;
background-color: #A4F18D;
border-radius: 20px;
font-family: 'Tahoma, sans-serif;';
font-weight: 450;
opacity: 97%;
font-size: 1.6vw;
text-align: center;
}
.opening-hours{
display: flex;
}
.bodhi{
margin-top: 3%;
margin-left: 3%;
width: 35%;
border-radius: 10px;

}
.opening{
margin-top:5%;
margin-left: 3%;
font-size: 1.4vw;
}
.closed{
margin-top: 5%;
margin-left: 10%;
font-size: 1.4vw;
}
.outside4{
width: 30%;
margin-top: 5%;
border-radius: 10px;
margin-left: 4%;
}
.outside6{
width: 29%;
margin-left: 6%;
border-radius: 10px;
}
.dario{
width: 16%;
margin-left: 75%;
margin-top: -25%;
border-radius: 10px;
}

.about{
background:#A4F18D;
position:absolute;
display: block;
width: 50%;
margin-top: 10%;
margin-left: 24%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.4vw;
font-weight: 450;
text-align: center;
border-radius: 20px;
opacity: 97%;
}
.about-image{
overflow: hidden;
}
.image20{
display: inline-flex;
width: 15%;
margin-left: 5%;
margin-top: 10%;
border-radius: 10px;
}
.image26{
display: inline-flex;
width: 15%;
border-radius: 10px;
margin-left: 78%;
margin-top: -40%;
}
.image21{
display: inline-flex;
width: 15%;
margin-left: 5%;
margin-top: 2%;
border-radius: 10px;
margin-right: 400px;
}
.image22{
display: inline-flex;
width: 15%;
border-radius: 10px;
margin-left: 78%;
margin-top: -27%;
}
.image23{
display: inline-flex;
width: 15%;
margin-left: 5%;
margin-top: -25%px;
border-radius: 10px;
}
.image19{
display: inline-flex;
width: 15%;
border-radius: 10px;
margin-left: 78%;
margin-top: -87%;
}
.image24{
display: inline-flex;
width: 23%;
border-radius: 10px;
margin-left: 4%;

}
.image25{
display: inline-flex;
width: 23%;
border-radius: 10px;
margin-left: 4%;
}

.services1{
display: inline-flex;
font-family: 'Tahoma, sans-serif;';
margin-top: 9%;
margin-left: 15%;
font-size: 2vw;
}
.services2{
display: inline-flex;
font-family: 'Tahoma, sans-serif;';
margin-left: 35%;
}
.image-container1{
display: inline-flex;
}
.DDC{
border-radius: 10px;
width: 40%;
margin-left: 5%;
margin-right: 10%;

}
.Boarding{
border-radius: 10px;
width: 40%;    
}
.proof{
margin-top: 25px;
text-align: center;
font-family: 'Tahoma, sans-serif;';
font-size: 1.4vw;
}

.doggydc h1{
font-size: 1.7vw;
position: absolute;
margin-top: 10%;
margin-left: 39%;
text-decoration: underline;
}
.ddc-image1{
display: inline-block;
margin-top: 15%;
margin-left: 3%;
border-radius: 10px;
width: 35%;
}
.ddc-text1{
margin-left: 40%;
margin-top: -25%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.3vw;
}
.ddc-text2{
margin-left: 3%;
margin-top: -4%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.3vw;
}
.playpen{
width: 29%;
margin-left: 41%;
margin-top: 3%;
border-radius: 10px;
}
.ddc-image2{
display: inline;
border-radius: 10px;
width: 26%;
margin-left: 72%;
margin-top: -55%;
}
.ddc-image3{
width: 34%;
margin-left: 3%;
border-radius: 10px;
margin-top: 2%;
}
.ddc-text3{
margin-left: 40%;
margin-top:-30%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.3vw;
background: #A4F18D;
width: 20%;
border-radius: 10px;
}
.ddc-image4{
width: 20%;
margin-left: 70%;
margin-top: -30%;
border-radius: 10px;
}
.ddc-image5{
width: 20%;
border-radius: 10px;
margin-left: 43%;
margin-top: 3%;
}

.doggyboarding h1{
font-size: 1.7vw;
position: absolute;
margin-top: 10%;
margin-left: 40%;
text-decoration: underline;
}
.boarding-text1{
display: inline-block;
margin-left: 4%;
margin-top: 15%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.2vw;
}
.boarding1{
width: 38%;
margin-left: 65%;
margin-top: -20%;
border-radius: 10px;
}
.boarding2{
width: 17%;
margin-left: 4%;
margin-top: -2%;
border-radius: 10px;
}
.boarding-text2{
font-family: 'Tahoma, sans-serif;';
font-size: 1.2vw;
margin-left: 55%;
margin-top: -12%;
}
.boarding-text3{
font-family: 'Tahoma, sans-serif;';
font-size: 1.2vw;
margin-left: 26%;
margin-top: -28%;
background: #A4F18D;
width: 25%;
border-radius: 10px;
}
.boarding-text4{
margin-left: 5%;
margin-top: 10%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.2vw;
}
.kennel1{
width: 20%;
margin-left: 70%;
margin-top: -10%;
border-radius: 10px;
}
.hallway{
width: 15%;
margin-left: 6%;
margin-top: -13%;
border-radius: 10px;
}
.hamish{
width: 15%;
border-radius: 10px;
margin-left: 7%;
margin-top: -14%;
}
.kennel2{
width: 15%;
margin-left: 5%;
margin-top: -15%;
border-radius: 10px;
    
}

.meet-the-boss{
display: inline-flex;
margin-top: 13%;
margin-left: 4%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 550;
text-decoration: underline;
}
.meet-the-boss1{
font-family: 'Tahoma, sans-serif;';
font-size: 1.25vw;
margin-left: 4%;
margin-top: -25%;
line-height: 1.3;
}
.tracy{
width: 20%;
border-radius: 10px;
margin-left: 55%;
margin-top: %;
}
.bones{
width: 20.5%;
border-radius: 10px;
margin-left: 77%;
margin-top: -13%;
}
.meet-maria{
margin-top: 2%;
margin-left: 45%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 550;
text-decoration: underline;
}
.meet-maria1{
font-family: 'Tahoma, sans-serif;';
font-size: 1.25vw;
margin-left: 45%;
margin-top: -20%;
line-height: 1.3;
}
.maria{
width: 34%;
border-radius: 10px;
margin-left: 5%;
margin-top: -5%;
}
.meet-sarah{
margin-top: 15%;
margin-left: 4%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 550;
text-decoration: underline;   
}
.meet-sarah1{
font-family: 'Tahoma, sans-serif;';
font-size: 1.25vw;
margin-left: 4%;
margin-top: 1%;
line-height: 1.3;
}
.sarah{
width: 32%;
border-radius: 10px;
margin-left: 55%;
margin-top: -12%;
}
.meet-kim{
margin-top: 5%;
margin-left: 45%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 550;
text-decoration: underline;
}
.meet-kim1{
font-family: 'Tahoma, sans-serif;';
font-size: 1.25vw;
margin-left: 45%;
margin-top: 2%;
line-height: 1.3;
}
.kim{
width: 35%;
border-radius: 10px;
margin-left: 5%;
margin-top: -10%;
}
.meet-sophie{
margin-top: 4%;
margin-left: 4%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 550;
text-decoration: underline;
}
.meet-sophie1{
font-family: 'Tahoma, sans-serif;';
font-size: 1.25vw;
margin-left: 4%;
margin-top: 2%;
line-height: 1.3;
}
.sophie{
width: 35%;
border-radius: 10px;
margin-left: 55%;
margin-top: -15%;
}
.ani{
width: 35%;
border-radius: 10px;
margin-left: 7%;
margin-top: -4%;
}
.meet-ani{
margin-top: 5%;
margin-left: 45%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 550;
text-decoration: underline;
}
.meet-ani1{
font-family: 'Tahoma, sans-serif;';
font-size: 1.25vw;
margin-left: 45%;
margin-top: -22%;
line-height: 1.3;
}
.meet-harry{
margin-top: 20%;
margin-left: 4%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 550;
text-decoration: underline;
}
.harry{
width: 35%;
border-radius: 10px;
margin-left: 55%;
margin-top: -4%;
}
.meet-harry1{
font-family: 'Tahoma, sans-serif;';
font-size: 1.25vw;
margin-left: 4%;
margin-top: -25%;
line-height: 1.3;
}
.meet-gina{
margin-top: 22%;
margin-left: 45%;
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 550;
text-decoration: underline;
}
.meet-gina1{
font-family: 'Tahoma, sans-serif;';
font-size: 1.25vw;
margin-left: 45%;
margin-top: -20%;
line-height: 1.3;
}
.gina{
width: 34%;
border-radius: 10px;
margin-left: 5%;
margin-top: -4%;
}
.staff-dogs{
font-family: 'Tahoma, sans-serif;';
font-size: 1.6vw;
font-weight: 600;
margin-left: 44%;
margin-top: 11%;
text-decoration: underline;
}
.vg1{
width: 13%;
border-radius: 10px;
margin-left: 4%;
margin-top: 1%;
}
.ollie1{
width: 15%;
border-radius: 10px;
margin-left: 1%;
margin-top: 1%;
}
.macky{
width: 11%;
border-radius: 10px;
margin-left: 1%;
margin-top: 1%;
}
.sophiedog{
width: 18%;
border-radius: 10px;
margin-left: 1%;
margin-top: 1%;
}
.ralph{
width: 14%;
border-radius: 10px;
margin-left: 1%;
margin-top: 1%;
}
.lunaalf{
width: 14%;
border-radius: 10px;
margin-left: 1%;
margin-top: 1%;
}
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 2px;
}
.column {
  flex: 50%;
  padding: 2px 2px;
  margin-top: 10%;
}
.column img {
  align-content: center;
  margin-top: 0.5%;
  margin-left: 0.5%;
  height: 312px;
  border-radius: 5px
}

.contactus-container{
display: inline-flex;
margin-top: 12%;
text-decoration: underline;
font-size: 1.4vw;
font-family: 'Tahoma, sans-serif;';
margin-left: 10%;
}
.contact1{
display: inline-flex;
margin-top: 12%;
text-decoration: underline;
font-size: 1.5vw;
font-family: 'Tahoma, sans-serif;';
margin-left: 10%;
}
.find{
display: inline-flex;
margin-top: 12%;
text-decoration: underline;
font-size: 1.5vw;
font-family: 'Tahoma, sans-serif;';
margin-left: 38%;
}

.contact-content{
display: inline;

}
.mailicon{
margin-left: 8%;
margin-top: 2%;
font-size: 2.5vw;
}
.phone{
font-size: 2.5vw;
margin-left: 8%;
margin-top: 3%;
}
.number{
font-size: 1.4vw;
margin-left: 6%;
margin-top: -3%
}
.sendemail{
margin-top: -4%;
margin-left: 13.5%;
font-size: 1.4vw;
}
.googlemap{
margin-left: 55%;
margin-top: -20%;
height: 45%;
width: 35%;
}
.location{
margin-left:8%;
margin-top: 4%;
font-size: 2.5vw;
}
.address{
font-size:1.4vw;
margin-left: 6%;
margin-top: -4%;
}
.facebook{
margin-left:8%;
margin-top: 4%;
font-size: 2.5vw;
}
.fblink{
margin-top: -3%;
margin-left: 13.5%;
font-size: 1.4vw;
}
footer{
        font-family: 'Tahoma, sans-serif;';
        background:#A4F18D;
        border-radius: 20px;
        margin-top: 2%;
        
    }
.container{
        width: 99%;
        display: flex;
        justify-content: center;
        height: 2%;
    }
.footer-content{
        width: 33.3%;
    }
h3{
        font-size: 0.9vw;
        text-align: center;
        
    }
.footer-content p{
        margin-left: 5%;
        margin-top: 1%;
        padding: 1px;
        font-size: 1vw;
        font-weight; 250;
    }
.footer-content ul{
        text-align: center;
        font-size: 1vw;
    }
.rclogo{
width:20%;
margin-left: 5%;
margin-top: 1.5%;
}
.rcwebsite{
margin-left: 28%;
margin-top: -10%;
font-size: 1vw;
}
.list{
        padding: 0;
        font-size: 1vw;
    }
.list li{
        text-align: center;
        list-style-type:none;
        padding: 1px;
        position: relative;
        display: inline-grid;
    }
.list a{
        text-decoration: none;
        margin-top: 5%;
        font-size: 1vw;
        font-weight: 300
    }
.bottom-bar{
        background: #A4F18D;
        text-align: center;
        padding: 10px 0;
        border-radius: 20px;
        height: 1%
    }
.bottom-bar p{
        color: black;
        border-radius: 20px;
        margin: 0;
        font-size: 1vw;
        padding: 2px;
    }