body, html{
  height:100%;
  margin:0;
}

h1{
  font-weight:600;
  font-size:30px;
  line-height:46px;
  letter-spacing:0px;
  color:#FFFFFF;
}

.carousel-item img{
  object-fit:cover;
  height:100vh;
  width:100%;
}

.right-panel{
  background-color:#27a9f1;
  color:#fff;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:2rem;
}

.logo{
  width:400px;
  max-width:100%;
  margin-bottom:2rem;
}

.btn-custom{
  background-color:#7a4915;
  color:#fff;
  font-weight:600;
  font-size:20px;
  line-height:30px;
  letter-spacing:1px;
  color:#FFFFFF;
  text-transform:uppercase;
  padding:0.75rem 1.5rem;
  border:none;
}

.btn-custom:hover{
  background-color:#5f370f;
}

@media only screen and (max-width:767px) {
  #carouselASF{display:none;}
  h1{font-size:20px;line-height:30px;}
  .btn-custom{font-size:16px;line-height:20px;letter-spacing:0;}
}