html, body {
  height: 100%;
}

.container {
  min-height: 100%;
}

.container-footer {
  min-height: 30%;
  text-align: center;
}
.carousel-item {
  height: 65vh;
  min-height: 400px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-caption {
  width:100%;
  height:100%;
  left:0 !important;
}

.carousel-caption h1 {
  font-size: xx-large;
  text-align: center;
  margin-top: 60px;
  width: 100%;
  color:rgb(71, 71, 71);
}

.carousel-caption h2 {
  font-size: xx-large;
  text-align: left;
  margin-left:50px;
  margin-top: 200px;
  width: 40%;
  color:rgb(71, 71, 71);
}

.btncaption {
  margin-top: 20px;
  width: 40%;
}

.carousel-caption p {
  margin-top:40%;
}

.card-columns .card {
  display: inline-block;
  width: 100%;
}

.card-img-top {
  width: 100%;
  height: 200px !important; 
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.text-center {
  margin-top: 20px;
  box-shadow: 0 0 27px 0 rgba(84, 84, 84, 0.62);
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer {
  position: relative;
  margin-top: -50px; /* negative value of footer height */
  height: 50px;
  clear: both;
  padding-top:20px;
}