* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  /*font-size: 62.5%;*/
  box-sizing: border-box;
}

body {
  height: 100vh !important;
  font-size: 1rem;
  background-color: #dedfe0 !important; /*#d6d6d6*/
}
.jumbotron-top-section {
  width: 100vw;
  height: 50vh;
  background-color: #bcd4e6;
  /* display: flex !important; /* establish flex container */
  /* flex-direction: column !important; /* make main axis vertical */
  /* justify-content: center !important; /* center items vertically, in this case */
  /* align-items: center !important; /* center items horizontally, in this case */
}
.jumbotron-box {
  width: 500px;
  height: auto;
  color: #fff;
}
/*.jumbotron-content {
  width: 100%;
  
}*/
.info-card {
  width: 100%;
  height: 50vh;
}
.info-card-box {
  width: 500px;
  height: 200px;
  background-color: #fff;
  margin-top: -100px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  color: #394856;
  font-size: 20px;
}
.info-card-box a {
  color: #394856;
  text-decoration: none;
}
.info-card-box a:hover {
  color: #bcd4e6;
}
@media (max-width: 768px) {
  .jumbotron-box {
    width: 400px;
  }
  .info-card-box {
    width: 400px;
  }
}
@media (max-width: 476px) {
  .info-card-box {
    margin-top: -50px;
  }
  .jumbotron-box {
    width: 300px;
  }
  .info-card-box {
    width: 300px;
  }
  .info-card-box p,
  .info-card-box fas {
    font-size: 14px;
  }
}