/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
  background-color: #fff;
}

h1.my-4 {
  color:#000;
}

.list-group-item{
  background-color: #fff;
  color:#000;
  border-color: #fff;
}
.list-group-item:hover{
  background-color: #000;
  color:#fff;
  border-color: #000;
}
h4.card-title a{
  color:teal;
}

a.navbar-brand {
  color:#fff;
}
a.nav-link {
  color:#fff;
}
li.active a.nav-link{
  color:teal;
}
.navbar{
  background-color: #000;
}
.navbar-toggler{
  background-color: #fff;
}
.navbar-toggler-icon{
  background-color: #fff;
}
.btn4{
  background-color: #000;
  color: #fff;

}
.btn4:hover{
  background-color: #d9d9d9;
  color: #000;

}
/* Style all font awesome icons */
.fa {
    padding: 10px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}


/* Set a specific color for each brand */

/* Facebook  #3B5998*/
.fa-facebook {
    background: #000;
    color: white;
}

/* Twitter #55ACEE*/
.fa-twitter {
    background: #000;
    color: white;
}
.fa-instagram {
  background: #000;
  color: white;
}
h2
{
  color:white;
  background-color: #000;
  padding: 10px;
}

.btn2 {
  background-image: url("../img/pexelVacation.jpeg");
  border: none;
  color: black;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.3s;
}
.card-text:hover{ background-color:white; color: black;}
.card-img-overlay:hover{background-color:white; color: black;}
.btn2:hover {
  background-color: #3e8e41;
  color: white;
}
.btn { 
  color: white;
  background-color: teal;
 }
 .btn3{
  background-color: white;
  color:teal;
}
.img3 {
  width: 348px;
  height: 522px;
  object-fit: cover;
   display: block;
    margin-left: auto;
    margin-right: auto;
    
}

.img2 {
  width: 253px;
  height: 366px;
  object-fit: cover;
 display: block;
    margin-left: auto;
    margin-right: auto;
   
}

.img4{
   display: block;
    margin-left: auto;
    margin-right: auto;
}
.btn4{
  background-color: #000;
  color: white;
}


@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}