html, body {
    height: 100%;
}

*{
    box-sizing: border-box;

}
body {
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  color: black;
  margin: 0px;
  background-color:rgb(0, 0, 0);
  background-image: url('https://radmotiongraphics.s3.us-west-2.amazonaws.com/images/BG_Gradient.png'); /* Replace 'your-image.jpg' with your image path */
  background-size: 100vw 100vh; /* Stretch to 100% of viewport width and height */
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.big-box-1{
  display: grid; /* Makes the container a grid container */
  grid-template-columns: 2fr 3fr; /* Creates three equal columns */
  justify-content: center;
  margin:45px;
}
.big-box-2{
  display: grid; /* Makes the container a grid container */
  grid-template-columns: 6fr 5fr; /* Creates three equal columns */
  justify-content: center;
  margin:45px;
}
.little-box-1{
  border-radius: 15px;
  margin-top:30px;
  margin-left:15px;
  margin-right:15px;
  border-style: solid;
  border-width: 10px; 
  height: 450px;
  overflow: hidden; /* Important for object-fit to work as expected */    
}
.accordion-button{
  font-size:16pt;
  font-family:roboto;
}
li{
  font-size:16pt;
}
.titleImage{
  background-color:rgba(255, 255, 255, .8);
  mix-blend-mode: overlay;
  height:450px;
}
.titleImage img{
  height:500px;
}
.slideImage{
  background:black;
  position:relative;
  top:-75px;
  object-fit:cover;
  object-position:bottom;
}
.demo{
  margin-top:40px;
}
.breakdownTitle{
  font-size: 18pt;
  font-weight:400;
}
.breakdown{
  overflow-y: auto;
}
@media only screen and (max-width: 1350px){
.big-box-1{
  display: grid; /* Makes the container a grid container */
  grid-template-columns: 1fr; /* Creates three equal columns */
  justify-content: center;
  margin:22.5px;
}
.big-box-2{
  display: grid; /* Makes the container a grid container */
  grid-template-columns: 1fr; /* Creates three equal columns */
  justify-content: center;
  margin:22.5px;
}
body {
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  color: black;
  margin: 0px;
  background-color:rgb(0, 0, 0);
  background-image: url('https://radmotiongraphics.s3.us-west-2.amazonaws.com/images/BG_Gradient.png'); /* Replace 'your-image.jpg' with your image path */
  background-size: cover; /* Stretch to 100% of viewport width and height */
  /* background-repeat: no-repeat; */
}
.little-box-1{
  border-radius: 15px;
  margin-top:30px;
  margin-left:7.5px;
  margin-right:7.5px;
  border-style: solid;
  border-width: 10px; 
  height: 250px;
  overflow: hidden; /* Important for object-fit to work as expected */    
}
.titleImage{
  background-color:rgba(255, 255, 255, .8);
  mix-blend-mode: overlay;
  height:275px;
}
.titleImage img{
  height:300px;
  margin-top:5px;
  margin-left:7.5px;
}
.slideImage{
  background:black;
  position:relative;
  margin-top:75px;
  object-fit:cover;
  object-position:bottom;
}
.demo{
  margin-top:65px;
}
.breakdown{
  overflow-y: auto;
}
.breakdownTitle{
    font-size: 12pt;
}
.breakdownSubtitle{
  font-size: 12pt;
}
li{
  font-size:12pt;
}
}