@charset "UTF-8";
/* CSS Document */
/* ==== GENERAL ==== */
body {background-image: url("../images/sky4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

h1{font-family:'Amatic SC', sans-serif;}
h2{font-family:'Amatic SC', sans-serif;}
h3{font-family:'Amatic SC', sans-serif;}
h4{font-family:'Amatic SC', sans-serif;}
h5{font-family:'Amatic SC', sans-serif;}

#hero {background-image: url("../images/minifinca4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  height: 100vh;
}

#homelinks a{font-family: 'Fredoka One', cursive;
font-size: 1em;}


#homejumbo1 {background-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 80%), url("../images/panorama.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

#welcomeimg {height: 15vw;
opacity: 25%;}

#navbarmain {background-image: url("../images/leaftexturebar.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

#homejumbo_2 {background-image: url("../images/leafbackground.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }

#homejumbo_3 {background-image: url("../images/leafbackground.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

#quality {background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 40%), url("../images/9.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

#cst {background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 40%), url("../images/CR_1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

#card-hover {opacity: 0;
    font-size: 1em;
transition: 1s ease;}

#card-hover:hover{opacity: 100;
 -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.);
background-color: orange;}

#tripplanning {font-family: 'Fredoka One', cursive;
font-size: 1em;}

#carouselExampleCaptions {width: 67vw;}


 #herologo {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}

#gallery img{
  transition: all 1s ease-in-out;}

#gallery img:hover{
  transform: scale(1.1);}

#ziplinejumbo{background-image: url("../images/zipline.jpg");
    height: 25vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

#stayjumbo{background-image: url("../images/house1.jpg");
    height: 25vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

#info_section{background-image: url("../images/leafbackground.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

#carouselExampleCaptions {width:100vw;}

/*
Removes white gap between slides - chagnge to base color of slide images
*/
.carousel {
  background:#007aeb;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}

@media screen and (max-width:1200px) {#heroheader h1{font-size: 20px;}}
@media screen and (max-width:992px) {#heroheader h1{font-size: 20px;}}