.main-banner2 {
    position: relative;
    max-height: 100%;
    overflow: hidden;
    margin-bottom: 27px;
    margin-top: 200px;
  }
  
  .bckpic {

      min-width: 70%;
      min-height: 100vh;
      max-width: 70%;
      max-height: 100vh;
      margin-left: 15%;
      object-fit: cover;
      z-index: -1;
  }
  
  .bckpic::-webkit-media-controls {
      display:flex;
  }
  
  .video-overlay {
      position: absolute;
      /* background-color: rgba(31,39,43,0.75); */
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
  }
  
  .main-banner2 .caption {
    position: absolute;
    top: 85%;
    left: 40%;
    transform: translateY(-50%);
  }
  
  .main-banner2 .caption h6 {
    margin-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner2 .caption h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 36px;
    /* text-transform: uppercase; */
    font-style: oblique;
    font-weight: 800;
    color: rgb(129, 1, 1);
    letter-spacing: 1px;
  }
  
  .main-banner2 .caption h2 em {
    font-style: normal;
    color: #f5a425;
    font-weight: 900;
  }
  
  .main-banner2 .caption p {
    color: black;
    font-size: 13px;
    max-width: 570px;
  }
  
  .main-banner2 .caption .main-button-red {
    margin-top: 30px;
  }
  
  @media screen and (max-width: 767px) {
    .main-banner2{
      margin-top: 220px;
    }
    .main-banner2 .caption h6 {
      font-weight: 500;
    }
  
    .main-banner2 .caption h2 {
      font-size: 36px;
    }
  
  }
  


  /* rides */

  .main-banner3 {
    /* background-image: url(images/Rectangle3.png); */
    background-size: cover;
    /* margin-top: -110px; */
    
    /* background: linear-gradient(to top, #fcfbfa, #f0f0ad); */
    position: relative;
    max-height: 100%;
    width: 100%;
    overflow: hidden;
    min-height: 80vh;
    margin-bottom: 27px;
  }
  
  .bckpic1 {

    position: relative; 
    width: 480px;
    height: 200px; 
    /* border: 1px solid #ccc;  */
  }

  .bckpic1 img{
  position: absolute;
  top: 0; /* Position the image at the top */
  left: 20%; /
  }
  
  .bckpic1::-webkit-media-controls {
      display:flex;
  }
  


  .bckpic2 {

    position: relative; 
    width: 250px;
    height: 80px; 
    /* border: 1px solid #ccc;  */
  }

  .bckpic2 img{
    position: absolute;
  bottom: -120%; /* Position the image at the top */
  right: -440%; 
  }
  
  .bckpic2::-webkit-media-controls {
      display:flex;
  }




  .bckpic3 {

    position: relative; 
    width: 370px;
    height: 140px; 
    /* border: 1px solid #ccc;  */
  }

  .bckpic3 img{
  position: absolute;
  bottom: 55%; /* Position the image at the top */
  left: 45%; 
  }
  
  .bckpic3::-webkit-media-controls {
      display:flex;
  }
  



  .bckpic4 {

    position: relative; 
    width: 200px;
    height:auto; 
    /* border: 1px solid #ccc;  */
  }

  .bckpic4 img{
    position: absolute;
    bottom: -110%;
  right: -550%; 
  }
  
  .bckpic4::-webkit-media-controls {
      display:flex;
  }




  .bckpic5 {

    position: relative; 
    width: 200px;
    height:auto; 
    /* border: 1px solid #ccc;  */
  }

  .bckpic5 img{
    position: absolute;
    bottom: -110%;
  right: -550%; 
  }
  
  .bckpic5::-webkit-media-controls {
      display:flex;
  }






  .video-overlay {
      position: absolute;
      /* background-color: rgba(31,39,43,0.75); */
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
  }
  
  .main-banner3 .caption {
    position: absolute;
    top: 85%;
    left: 40%;
    transform: translateY(-50%);
  }
  
  .main-banner3 .caption h6 {
    margin-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner3 .caption h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 36px;
    /* text-transform: uppercase; */
    font-style: oblique;
    font-weight: 800;
    color: rgb(129, 1, 1);
    letter-spacing: 1px;
  }
  
  .main-banner3 .caption h2 em {
    font-style: normal;
    color: #f5a425;
    font-weight: 900;
  }
  
  .main-banner3 .caption p {
    color: black;
    font-size: 13px;
    max-width: 570px;
  }
  
  .main-banner3 .caption .main-button-red {
    margin-top: 30px;
  }
  
  @media screen and (max-width: 767px) {
  
    .main-banner3 .caption h6 {
      font-weight: 500;
    }
  
    .main-banner3 .caption h2 {
      font-size: 36px;
    }
  
  }
  


  




  .main-banner7 {
    position: relative;
    max-height: 100%;
    overflow: hidden;
    /* margin-bottom: -130px; */
  }
  
  
  #bg-video {
      min-width: 100%;
      min-height: 100vh;
      max-width: 100%;
      max-height: 100vh;
      object-fit: cover;
      z-index: -1;
  }
  
  #bg-video::-webkit-media-controls {
      display:flex;
  }
  
  .video-overlay {
      position: absolute;
      /* background-color: rgba(31,39,43,0.75); */
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
  }
  
  .main-banner7 .caption {
    position: absolute;
    top: 40%;
    left: 18%;
    transform: translateY(-50%);
  }
  .main-banner7 .caption .contact-info h4{
    font-size: 26px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: rgb(28, 32, 230);
  }
  .main-banner7 .caption .contact-info li {
    font-size: 14px;
    font-family:'Times New Roman', Times, serif;
    color: black;
  }
  .main-banner7 .caption .contact-info li a{
    font-size: 14px;
    font-family:'Times New Roman', Times, serif;
    color: black;
  }
  
  .main-banner7 .caption h6 {
    margin-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner7 .caption h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 36px;
    /* text-transform: uppercase; */
    font-style: oblique;
    font-weight: 800;
    color: rgb(129, 1, 1);
    letter-spacing: 1px;
  }
  
  .main-banner7 .caption h2 em {
    font-style: normal;
    color: #f5a425;
    font-weight: 900;
  }
  
  .main-banner7 .caption p {
    color: black;
    font-size: 13px;
    max-width: 570px;
  }
  
  .main-banner7 .caption .main-button-red {
    margin-top: 30px;
  }
  
  .main-banner7 .location img{
    bottom: 0%;
    max-width: 300px;
    max-height: 100px;
    /* display: flex; */
  }
  
  @media screen and (max-width: 767px) {
  
    .main-banner7 .caption h6 {
      font-weight: 500;
    }
  
    .main-banner7 .caption h2 {
      font-size: 36px;
    }

    .main-banner7 .caption .contact-info h4{
      font-size: 15px;
      font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      color: rgb(28, 32, 230);
    }
    .main-banner7 .caption .contact-info li {
      font-size: 8px;
      font-family:'Times New Roman', Times, serif;
      color: black;
    }
    .main-banner7 .caption .contact-info li a{
      font-size: 8px;
      font-family:'Times New Roman', Times, serif;
      color: black;
    }
    .main-banner7 .location img{
      /* position: relative; */
      width: 120px;
      height: 15px;
      /* margin-right: 40%; */
      align-items: center;
      left: 0;
    }
  }