/* SECTION Elements */

body{
  background-color: #EAEAEA;
}

video{
  /* min-height: 100%; */
  width: 100%;
  object-fit: fill;
}

/* SECTION Classes */

.bg-green{
  background: rgb(54,80,58);
  background: linear-gradient(90deg, rgba(54,80,58,1) 0%, rgba(89,92,68,1) 83%, rgba(167,151,99,1) 96%, rgba(221,193,120,1) 100%);
}

.green{
  color: #375539;
}

.subtle{
  color: rgba(255, 255, 255, 0.736);
  align-self: flex-start;
  margin-bottom: 0.5em;
}

.bg-img{
  background-size: cover;
  background-image: url(https://d1fs8ljxwyzba6.cloudfront.net/assets/article/2020/08/31/halo-infinite-monster-energy-drink-partnership-announced-2020_feature.jpg);
  background-position: center;
}

.title-card{
  background-color: white;
  height: 100%;
  width: 80%;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.344);
  margin-bottom: 2em;
  align-self: flex-start;

}

.text-small{
  font-size: small;
}

.glass-card{
  height: 110px;
  max-width: 100%;
  border-left: 8px solid #375539;
  margin-top: 108px;
  margin-right: 30px;
  text-shadow: 0 0 6px black;
  padding-left: 30px;
  display: flex;
}

.mb6{
  margin-bottom: 6px;
}

.nomb{
  margin-bottom: 0px;
}

.w80{
  max-width: 80%;
}

.spill-card{
  background-color: white;
  height: auto;
  width: 70%;
  transform: translateY(35px);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.233);
}

.chief-box{
  background-color: white;
}

.text-big{
  font-size: 5vw;
}

.mt-10{
  margin-top: 10em;
}

.spb{
  justify-content: space-around;
}

.more{
  margin-left: 70%;
}

.mt-20{
  margin-top: 20em;
}

.review{
  width: 90%;
  height: auto;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.308);
  transition: 0.6s;
}

.review:hover{
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.705);
  transform: scale(1.1);
}

.my-6{
  margin-top: 6em;
  margin-bottom: 6em;
}

.head-text{
  font-family: 'Bebas Neue', cursive;
}

/* SECTION IDs */

#fname{
  width: 86%;
  margin-bottom: 18px;
}

#fmail{
  width: 86%;
  margin-bottom: 18px;
}

#fphone{
  width: 48%;
  margin-right: 3px;
  margin-bottom: 18px;

}

#fext{
  width: 37%;
  margin-left: 3px;
  margin-bottom: 18px;
}

#fmsg{
  width: 86%;
  height: 200px;
}

#fcb{
  accent-color: #375539;
  margin-left: 30px;
  margin-right: 5px;
}

#fsubmit{
  border: 0;
  background-color: #375539;
  color: white;
  width: 30%;
  margin-left: 30px;
  margin-bottom: 20px;
  margin-top: 10px;
  transition: 0.5s;
}

#fsubmit:hover{
  background-color: #19271a;
}

#more{
  width: 80px;
  border: 0;
  color: white;
  background-color: #375539;
  transition: 0.5s;
}

#more:hover{
  background-color: #19271a;
  transform: scale(1.1);
}

#chief-text{
  padding-left: 30px;
  padding-top: 10px;
}

/* SECTION Media Queries */

@media (max-width: 767px) {
  #glass-card{
    display: none;
  }
  .spill-card{
    transform: translateY(0px);
    margin-left: 5%;
    margin-top: 2em;
    width: 90%;
  }
  
  #chief-text{
    margin-top: 0;
  }

  #reviews{
    flex-direction: column;
  }

  .review{
    margin-top: 3em;
    margin-bottom: 3em;
  }
  
  #fcb{
    margin-left: 10px;
  }
}


@media (min-width: 768px) {

}