body, html {
    height: 100%;
  }

.card {
    background-color: cornsilk;
    border: none;
}

.card-img-top {
    min-height: 30vh;
    max-height: 30vh;
}

.card-img-top:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.carousel-inner {
    height: 70vh;
}

.text_custom{
    text-align: justify;
}

.president_image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  .pre_cont:hover .president_image {
    opacity: 0.6;
  }

@media (max-width: 767.98px) {
    .carousel-inner {
        height: 30vh;
    }

    .carousel-item img {
        height: 100%;
    }
}

  a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
  }
  
  a:hover, a:focus {
    text-decoration: none;
  }