html{
  scroll-behavior: smooth;
}
#subscribe p{ 
  color: #000;
}
.navbar {
  background-color: #ff0099;  
  border-bottom: 7px solid silver;
}
.navbar a{
  color: #fff;
}
.navbar-brand{
  padding-left: 20px;
  font-family: 'Jomhuria', cursive;
  font-size: 3em;
  line-height: 0.5;
  padding-top: 10px;
}
.showcase {
  width: 100%;
  height: 100%;
  background: url(../img/mainBackground.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 10px;
  padding: 100px;
  text-align: justify;
}
#showcaseImg {
  padding-top: 50px;

}
.welcome{
  margin: 0;
  pading: 0;
}
.center {
  display: block;
  margin: auto;
  width: 50%;
}
#slider{
  padding: 0;
  border-style: solid;
  border-width: 7px;
  border-color: silver;
}
h1 { 
  font-family: 'Jomhuria', cursive;
  color: #fff;
  text-align: center;
  font-size: 5em;
}
h2 { 
  font-family: 'Jomhuria', cursive;
  color: #fff;
  text-align: center;
  font-size: 5em;
}
h3 { 
  font-family: 'Jomhuria', cursive;
  color: #fff;
  text-align: center;
  font-size: 3em;
  line-height: .5em;
}
h4 {
  font-family: 'Jomhuria', cursive;
  color: #fff;
  font-size: 3em;
  text-align: center;
}
p{
  color: #fff;
  font-family: 'Sarabun', sans-serif;
  font-size: 1.1em
}
.welcome{
  margin-top: 0;
  padding-top: 10px;
}
.welcome p{
  margin: 0px;
  padding-top: 0px;
}
.carousel-item img {

   flex-shrink: 1;
}
.about{
  padding-top: 70px;
}
.about img{
  border-style: solid;
  border-width: 7px;
  border-color: silver;
}
.history{
   padding-top: 70px;
}
.history img{
  border-style: solid;
  border-width: 7px;
  border-color: silver;
}
.history-text{
  margin: 0px;
  padding: 0px;
}

.history p{
  padding: 0;
}
.available{
   padding-top: 70px;
}
.card{
  background-color: silver;
}
.card-body h3{
  font-family: 'Jomhuria', cursive;
  color: #ff0099;
  font-size: 3em;
}
.card-body{
  text-align: center;
}
.btn-sm{
  color: #fff;
  background-color: #ff0099;
  border-style: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: grey !important; 
  }
.btn-primary.active {
    background-color: #0b51c5 !important; 
}
.footer{
  max-width: 100%;

  overflow: auto;
  background-color: #5f635b;
  color: #3E4095;
}
.footer, .footer a{
  color: #999;
  font-size: 0.9rem;
}
.footer p{
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  color: #ff0099;
}
.footer .footer-cols{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-gap: 2rem;
}
.footer li{
  line-height: 1.9;
  font-size: 1.2rem;
  color: #fff;
}
.footer a{
  font-size: 1.2rem;
  color: #fff;
}

.puppies table{
 background-color: silver;
}
.puppies {
 background-color: silver;
}
.puppies h3{
 color: #000;
 text-align: center;
}
.puppies p{
 color: #000;
}
.yorkieCare li{
  color: #fff;
}
.care-modal p {
  color: #000;
}
.care-modal h3 {padding: 10px;
  color: #000;
}
.care-icon{
  margin-right: 20px;
}
.download{
  padding-top: 30px;
}
.modal-footer a{
  color: #fff;
}
.section-icons{
  padding-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;

}
.review img{
  padding: 20px;
  margin: auto;
}
.photo-gallery {
 
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}
.photo-gallery{
  padding: 20px;
  margin: 20px;
}
.item{
  min-height: 200px;
}

.modal table {
 background-color: silver;
}
.modal-body{
 background-color: silver;
}
.modal-header {
   background-color: silver
}
.modal-header h3{
   color: #000;
}
.modal-content{
  background-color: silver
}
.modal-content p{
  color: #000;
  padding: 10px;
}
.fa-ul
{
  color: #fff;
}









@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}