@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
.landingLeft{width:0% !important;}
.landingRight{width: 100% !important;}
.main{
  max-width:1360px !important;
}
#travelHeader {
 display: block;
  position: relative;
 height: 440px;
 overflow: hidden;
 margin-bottom: 3%;
}
video {
  object-fit: cover;
  /*! height: 100vh; */
  position: absolute;
  /*! left: 0; */
  top: -100px;
  width: 100%;
}
#travelHeader h1{
  font-size: 2.5rem; 
  color: white;
  z-index: 1;
  position: relative;
  text-align: center;
  font-family: 'Montserrat', Arial, sans-serif;
  text-transform: uppercase;
  margin-top: 150px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
  padding: 0 10%;
}
#travelHeader h1 span{
  display: block;
  font-size: 3.5rem;
}
#privateSafari{margin-top: 0px !important;}
.heroRight{
  display: flex;
  min-height:400px;
  margin-top: 3%;
  /*! overflow: hidden; */
  flex-wrap: wrap;
}
.heroRight:nth-of-type(3){
  margin-bottom: 3%;
}
#featDest{margin-bottom: 3%;}
#featDest p a{
  display: block;
  color: black;
  text-decoration: underline;
  font-weight: bolder;
}
#featDest p+a{
  padding: 0 50px;
  font-family: 'Montserrat', Arial, sans-serif;
  color: black;
  text-decoration: underline;
  font-size: 1rem;
  margin-top: 25px;
  display: inline-block;
  
}
.heroRight .heroRightText{
  width: 40%;
  background: #F7F7F7;
  z-index: 1;
}
.heroRight .heroRightText h2{
  padding: 50px 50px 0px 50px;
  color: black;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 2rem;
}
.heroRight .heroRightText p{
  padding: 0px 50px;
  color: black;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1;
}
.heroRight .heroRightHero{
  width: 60%;
}
#featDest.heroRight .heroRightHero{
  background: url(/images/travelShop/heroRight1.jpg);
  background-size: cover;
}
#privateSafari.heroRight .heroRightHero{
  background: url(/images/travelShop/heroRight2.jpg);
  background-size: cover;
}
#katyTrail.heroRight .heroRightHero{
  background: url(/images/travelShop/heroRight3.jpg);
  background-size: cover;
}
#humpBack.heroRight .heroRightHero{
  background: url(/images/travelShop/heroRight4.jpg);
  background-size: cover;
}
#travelGear.heroRight .heroRightHero{
  background: url(/images/travelShop/heroRight5.jpg);
  background-size: cover;
}
.travelTwoBy{
  display: flex;
}
.travelTwoBy .halfTwoBy {
    height: 500px;
    width: 49.5%;
    text-align: center;
    background-size: contain;
}
.travelTwoBy .halfTwoBy h3{
  font-family: 'Montserrat', Arial, sans-serif;
  font-size:2rem;
  text-transform:uppercase;
  line-height:1;
  margin-top: 125px;
  color: white;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}
.travelTwoBy .halfTwoBy h3 span{
  display: block;
  font-size:2.5rem;
}
.travelTwoBy .halfTwoBy p{
  font-family: 'Montserrat', Arial, sans-serif;
  font-size:1rem;
  padding: 0px 13%;
  color: white;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}
.travelButton {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 1rem;
    background: white;
    color: black;
    border: solid 1px black;
    padding: 20px 40px;
    display: inline-block;
    position: relative;
    bottom: -43px;
}

#hotel{
  background: url(/images/travelShop/bookHotel.jpg);
  background-size: cover;
  margin: 0 1% 15px 0;
}
#fly{
  background: url(/images/travelShop/letsFly.jpg);
  background-size: cover;
}
#expLife{
  background: url(/images/travelShop/experienceLife.jpg);
  background-size: cover;
   margin: 0 1% 3% 0;
}
#rentCar{
  background: url(/images/travelShop/rentCar.jpg);
  background-size: cover;
  /*! margin-bottom: 100px !important; */
}
#travelshop h3{
  font-size: 2rem;
  font-family: 'Montserrat', Arial, sans-serif;
  margin-bottom: 0;
}
#travelshop h3+p{
  font-size: 1rem;
  font-family: 'Montserrat', Arial, sans-serif;
}
.travelFourByTwo:nth-last-of-type(4){
  margin-bottom: 3%;
}
.travelFourByTwo{margin-bottom: 3%;}
.travelFourByTwo .travelFourByTwoContainer {
  display: flex;
  flex-wrap: wrap;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer{
  width: 24.1%;
  height:300px;
  margin-right: 1%;
  color: white;
  position: relative;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer h4{
  position: relative;
  left: 25px;
  bottom: -245px;
  font-size: 1rem;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: lighter;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
  display: inline-block;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(1){
  background: url(/images/travelShop/adventure.jpg);
  background-size: cover;
  margin-bottom: 1%;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(2){
  background: url(/images/travelShop/backpacking.jpg);
  background-size: cover;
  margin-bottom: 1%;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(3){
  background: url(/images/travelShop/family.jpg);
  background-size: cover;
  margin-bottom: 1%;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(4){
  background: url(/images/travelShop/weekend.jpg);
  background-size: cover;
  margin-bottom: 1%;
  margin-right: 0;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(5){
  background: url(/images/travelShop/international.jpg);
  background-size: cover;
  margin-bottom: 1%;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(6){
  background: url(/images/travelShop/luxury.jpg);
  background-size: cover;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(7){
  background: url(/images/travelShop/mustHaves.jpg);
  background-size: cover;
  margin-bottom: 1%;
}
.travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(8){
  background: url(/images/travelShop/business.jpg);
  background-size: cover;
  margin-right: 0;
}
.featuredItems{
  display: flex; 
  margin-bottom: 75px;
  flex-wrap: wrap;
}
.featuredItems .quarterContainer{
  width: 24%;
  color: black;
  height: 250px;
  position: relative;
  background: #F7F7F7;
  margin-right: 1%;
}
.featuredItems .quarterContainer:nth-of-type(1){
  background: #F7F7F7 url(/images/travelShop/featured1.png);
  background-size: 198px;
  background-repeat:no-repeat;
  background-position:center 5%;
}
.featuredItems .quarterContainer:nth-of-type(2){
  background: #F7F7F7 url(/images/travelShop/featured2.png);
  background-size: 180px;
  background-repeat:no-repeat;
  background-position:center 5%;
}
.featuredItems .quarterContainer:nth-of-type(3){
  background: #F7F7F7 url(/images/travelShop/featured3.png);
  background-size: 228px;
  background-repeat:no-repeat;
  background-position:top center;
}
.featuredItems .quarterContainer:nth-of-type(4){
  background:#F7F7F7 url(/images/travelShop/featured4.png);
  background-size: 180px;
  background-repeat:no-repeat;
  background-position:center 10%;
}
.featuredItems .quarterContainer h4{
  font-size: 1rem;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: lighter;
  position: relative;
  left: 25px;
  bottom: -190px;
  /*! text-align: center; */
}
.travelFullWidth{
  text-align: center;
  background: url(/images/travelShop/outside.jpg);
  background-size: cover;
  height: 500px;
  margin-bottom: 1%;
}
#travelshop .travelFullWidth h3{
  font-family: 'Montserrat', Arial, sans-serif;
  color: white;
  font-size: 2.5rem;
  text-transform: uppercase;
  padding-top: 150px;
  line-height:1;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}
#travelshop .travelFullWidth h3 span{
  display: block;
  font-size: 3rem;
}
#travelshop .travelFullWidth p{
  font-family: 'Montserrat', Arial, sans-serif;
  color: white;
  padding: 0 30%;
  font-size: 1rem;
  margin-bottom: 0;
  text-shadow:0px 2px 2px rgba(0, 0, 0, 0.8);
}
#travelshop .travelFullWidth .travelButton{
  bottom: -20px;
}

#epicTrip{
  background: url(/images/travelShop/epicTrip.jpg);
  background-size: cover;
   margin: 0 1% 0% 0;
}
#getaway{
  background: url(/images/travelShop/getawayCar.jpg);
  background-size: cover;
}
@media only screen and (max-width : 1200px){
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer{width: 49%;}
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(1){
    background-position: bottom;
  }
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(3){
    background-position: left;
  }
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(6){
    background-position: center;
  }
}
@media only screen and (max-width : 900px){
    #travelHeader h1{
    font-size: 2rem;
  }
  #travelHeader h1 span{
    font-size: 3rem;
  }
  .travelTwoBy .halfTwoBy p{padding: 0 50px;}
}
@media only screen and (max-width : 750px){
  video{
    width: auto;
    left: -100%;
    /*height: 49vh;*/
    top: -38%;
  }

  .heroRight .heroRightText{
    width: 100%;
    background: rgba(0,0,0, .2);
    color: white !important;
  }
  .heroRight .heroRightHero{
    width: 95.5%;
    position: absolute;
    height: 400px;
  }
  .heroRight .heroRightText h2,
  .heroRight .heroRightText p,
   #featDest p a,
   #featDest p+a{
    color: white;  
    text-shadow:0px 2px 2px rgba(0, 0, 0, 0.8);
  }
  .travelTwoBy{
    flex-wrap: wrap;
  }
  .travelTwoBy .halfTwoBy{
    width: 100%;
    margin: 0 0 1% 0 !important;
  }
  .travelTwoBy:nth-of-type(4) .halfTwoBy:nth-of-type(2){margin-bottom:  3% !important;;}
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer{
    width: 49.5%;
  }
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(2),
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(4),
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(6),
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(8)
  {margin-right: 0;}
  .featuredItems{flex-wrap: wrap;}
  .featuredItems .quarterContainer{width: 49%;}
  #travelshop .travelFullWidth h3{
    font-size: 2rem;
    /*! padding-top: 25px; */
  }
    .featuredItems .quarterContainer:nth-of-type(1),
    .featuredItems .quarterContainer:nth-of-type(2){margin-bottom:1%}
  #travelshop .travelFullWidth h3 span{font-size: 2.5rem}
  #travelshop .travelFullWidth p{padding: 0 20px}
  .travelTwoBy .halfTwoBy p{padding: 0 50px;}
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(3){
    background-position: right;
  }
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(4){
    background-position: center;
  }
  .travelFourByTwo .travelFourByTwoContainer .quarterContainer:nth-of-type(8){
    background-position: right;
  }
}