.sticky {
  position: fixed;
  top: 0;
}

#obedience, #training, #protection, #scent, #residential, #contact-form-panel {
  scroll-margin-top: 140px;
}

@font-face {
  font-family: Poppins;
  src: url('poppins.regular.ttf') format('truetype');
}

html *{
	font-family: Poppins!important;
}

.navitems{
	text-decoration: none;
	color: white;
}

.dropdownbg{
	background-color: #1a2840;
}

.dropdownbg:active{
	background-color: #1a2840;
}

.dropdownbg:hover{
	background-color:#445990;
}

.homecover{
        background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('Image (11).jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}

.sessioncover{
        background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('sessioncover.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}

.servicescover{
        background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('servicescover.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}

.aboutcover{
        background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('aboutcover.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}

.contactcover{
        background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('contactcover.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}

.homelower{
        background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('Image (3).jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}

.protection{
	background-color: #1a2840;
	height: 96px;
	width: auto;
	clip-path: circle(50% at 50% 50%);
}

.puppy{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 96px;
        width: auto;
}

.scent{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 96px;
        width: auto;
}

.reactive{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 96px;
        width: auto;
}

.house{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 96px;
        width: auto;
}

.behaviour{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 96px;
        width: auto;
}

.homeimg1{
        background:  url('Image.jpg');
        background-position: center;
        border-radius:15px;
        height: 15rem;
	width: 15rem;
	position: absolute;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: 5px 10px 18px #888888;
}

.homeimg2{
        background:  url('Image (7).jpg');
        background-position: center;
        border-radius:15px;
        height: 15rem;
        width: 15rem;
	margin-top: 9rem;
	margin-left: 9rem;
        position: absolute;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: 5px 10px 18px #888888;
}

.clipped{
	clip-path: polygon(50% 0%, 0 100%, 100% 100%);
	margin-bottom: -1px;
}

.homeimg3{
        background:  url('Image (8).jpg');
        background-position: center;
        border-radius:15px;
        height: 15rem;
        width: 15rem;
	margin-left:-8rem;
	margin-top: 15rem;
        position: absolute;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: 5px 10px 18px #888888;
}

.sessionimg1{
	background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('session1.jpg');
	background-position: left center;
        border-radius:15px;
	box-shadow: 5px 10px 18px #888888;
	background-size: cover;
        background-repeat: no-repeat;
	height: 50vh;
}

.sessionitem{
	background-color:#1a2840;
	border-radius: 15px;
	box-shadow: 5px 10px 18px #888888;
}

.sessionbtn{
	border-radius: 15px;
	background-color: #445990;
	text-decoration: none;
	color: white;
}

.nav-pills .active{
	background-color: #445990!important;
        color: white!important;
}

.tab-content {
  overflow: hidden;
  overflow-y: auto;
}

.servicesimg1{
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('services1.jpg');
        background-position: center;
        border-radius:15px;
        box-shadow: 5px 10px 18px #888888;
        background-size: cover;
        background-repeat: no-repeat;
        height: 50vh;
}

.servicesimg2{
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('services2.jpg');
        background-position: center;
        border-radius:15px;
        box-shadow: 5px 10px 18px #222222;
        background-size: cover;
        background-repeat: no-repeat;
        height: 50vh;
}

.servicesimg3{
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('Protection.jpeg');
        background-position: center 40%;
        border-radius:15px;
        box-shadow: 5px 10px 18px #222222;
        background-size: cover;
        height: 50vh;
}

.servicesimg4{
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('services4.jpg');
        background-position: center;
        border-radius:15px;
        box-shadow: 5px 10px 18px #222222;
        background-size: cover;
        background-repeat: no-repeat;
        height: 50vh;
}

.servicesimg5{
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('services5.jpg');
        background-position: bottom;
        border-radius:15px;
        box-shadow: 5px 10px 18px #222222;
        background-size: cover;
        background-repeat: no-repeat;
        height: 50vh;
}

.servicesimg6{
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('services6.jpg');
        background-position: center;
        border-radius:15px;
        box-shadow: 5px 10px 18px #222222;
        background-size: cover;
        background-repeat: no-repeat;
        height: 50vh;
}

.aboutimg1{
        background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('Chris_Lex.jpeg');
        background-position: center;
        border-radius:15px;
        box-shadow: 5px 10px 18px #888888;
        background-size: cover;
        background-repeat: no-repeat;
        height: 50vh;
}

footer div *{
	text-align: end;
}

.email-sm{
	height: 20px;
	width: auto;
	display: none;
}

.email-lrg{
	text-decoration: none;
	color: black;
}

@keyframes fadeInUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  animation: 2s both fadeInUp;
}

.fade-in-up-delay {
  animation-delay: 1s!important;
}

@media only screen and (min-width: 992px) {
	.header-lrg{
		margin-left: 1rem!important;
		margin-right: 1rem!important;
	}
}

@media only screen and (max-width: 992px) {
  #contact-form-panel {
    scroll-margin-top: 175px;
  }

  .navbar-nav.menutext {
    flex-direction: row !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .navbar-nav.menutext .nav-item {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .navbar-nav .dropdown-menu {
    position: absolute !important;
  }


  .navtop{
	  margin-top: 0 !important;
  }

  .navitems{
	  margin-top: 4px;
	  margin-bottom: 4px;
}
  .rtext{
	  text-align: center!important;
  }
  footer *{
	  text-align: center!important;
  }
  .email-lrg{
	  display:none;
  }
  .email-sm{
	  display: block;
  }
  .sessionimg1{
	  width:66%;
  }
  .ltext{
	  text-align: left!important;
  }
  }