
body {
  background-color: rgb(29, 117, 189);
}

.chv {
   /* background: url('./background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}

.image-container { 
  /* background: url('./background_500.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  overflow: hidden;
  width: 50%;
}

.image-container img {
  height: 100%;
  width: auto;
}

.container {
  height: 100vh;
}

.card-container {
  font-family: 'Montserrat', sans-serif;
  background-color: #fff;
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  color: rgb(29, 117, 189);
  display: flex;
  justify-content: stretch;
  flex-direction: row;
}

.card-container-bg {
  width: 50%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.logo-container {
  margin-bottom: 16px;
  text-align: center;
}
.logo-container img {
  width: 80%;
}

.email-container {
  text-align: center;
  margin-bottom: 16px;
}

.info-container {
  border-left: 6px solid rgb(29, 117, 189, 0.5);
  padding-left: 12px;
}

.info-container span {
  display: block;
  font-size: 15px;
}

 a {
   font-size: 16px;
 }

 a:hover {
   text-decoration: none;
   color: rgb(29, 117, 189, 0.5);
 }

 @media (max-width: 600px) {
  .card-container {
    flex-direction: column-reverse;
  }
  .image-container, .card-container-bg {
    width: 100%;
  }

  .image-container{
    
  }

  .col-md-6 {
    padding: 0 !important;
  }
}