/* Slideshow container */
  .slideshow-container {
    color: rgb(218, 213, 213);
    max-width: 100%;
    /* padding-top: 4rem;
    padding-bottom: 2rem; */
    position: relative;
    margin: auto;
  }

  /* Slideshow Home Page  */
.slideshow-container img{
  height: 600px;
  object-fit:cover;
  object-position: 100% 25%;
  }

.home-header-graphic-box_text {
  position: absolute;
  top: 200px;
  left: 160px;
}

.home-header-graphic-box_button {
  position: absolute;
  top: 420px;
  left: 180px;
}

.home-header-graphic-box_button-tablet {
  position: absolute;
  top: 350px;
  left: 60px;
}


.home-header-graphic-box_button-mobile {
  position: absolute;
  top: 380px;
  left: 30px;
}

.home-header-graphic-box_text h3{
    font-size: 2rem;
    color: rgb(218, 213, 213);
}



  * {box-sizing: border-box}
  .mySlides {display: none}
  img {vertical-align: middle;}

  * {box-sizing: border-box}
  .mySlidesMobile {display: none}
  img {vertical-align: middle;}
  
  * {box-sizing: border-box}
  .mySlidesTablet {display: none}
  img {vertical-align: middle;}
  

  
  
/* The dots/bullets/indicators */
.dot, .dotMobile, .dotTablet{
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


.active, .activeMobile, .activeTablet{
  background-color: #4CAF50;
}


  /* Fading animation */
  .fade, .fadeMobile, .fadeTablet{
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }

  
  @-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }

  @-webkit-keyframes fadeMobile {
    from {opacity: .4} 
    to {opacity: 1}
  }

  
  @-webkit-keyframes fadeTablet {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }

  @keyframes fadeMobile{
    from {opacity: .4} 
    to {opacity: 1}
  }

  @keyframes fadeTablet{
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
  }

  /* Slideshow */

/* temp turn dots off desktop */
.dot{
  display: none;
}


.mobile{
  display: none;
}

.dotMobile{
  display: none;
}

.tablet{
  display: none;
}

.dotTablet{
  display: none;
}


@media (max-width: 1367px){
  .slideshow-container img{
      height: 400px;
      object-fit: cover;
  }

  .home-header-graphic-box_button {
    position: absolute;
    top: 320px;
    left: 140px;
  }

}


@media (max-width: 1025px){

    
  .home-header-graphic-box_text {
    left: 60px;
    top: 200px
  }

  .home-header-graphic-box_button {
    position: absolute;
    top: 280px;
    left: 140px;
  }

  .home-header-graphic-box_text h1{
    font-size: 3.25rem;
    color: white;
  }

}

@media (max-width: 950px){
      /* Slideshow container */
      .slideshow-container {
        color: rgb(218, 213, 213);
        max-width: 85%;
        padding-top: 2rem;
        padding-bottom: 2rem;
        position: relative;
        margin: auto;
      }
  
      .slideshow-container img{
        height: 330px;
        object-fit: cover;
    }
  .home-header-graphic-box_text {
    left: 20px;
  }
}



@media (max-width: 768px){
  .slideshow-container img{
    max-height: 350px;
    width:auto;
    object-fit:cover;
    object-position: 100% 25%;
    }

  .desktop {
      display: none;
  }

  .tablet {
      display:block;
  }


  /* TURN OFF TEMP */
  /* .dotTablet {
      display: inline-flex;
  } */

  .dot{
      display: none;
  }
}


@media (max-width: 500px){
  .slideshow-container img{
    max-height: 200px;
    width:auto;
    object-fit:cover;
    object-position: 100% 25%;
    }

  .tablet {
      display: none;
  }

  .mobile {
      display:block;
  }

  .dotTablet {
      display: none;
  }


  /* TIRN OFF TEMP */
  /* .dotMobile{
      display: inline-flex;
  } */

  .home-header-graphic-box_text h1{
    font-size:2.8rem;
}

  /* .contact-details h1{
      font-size: 2rem;
  } */

  .slideshow-container img{
      height: 450px;   
  }
}