/* GLOBAL STYLES
-------------------------------------------------- */

ul.footerlist {
  list-style-type: none;
  margin: 1.5rem;
  padding: 0;
  }
  .footerlist > li:first-child{
  font-weight:bold;
  font-size: 1rem;
  }
  .footerlist {
  line-height:2.5rem;
  }
  .footerlist a:link, .footerlist a:visited {
      color: white;
  }


@media screen and (min-width: 768px) {
  .splogoex {
    position:absolute;
    left: 3rem;
    top: -1.1rem;
    z-index:2;
  }
}
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}

/* SMOOTH SCROLL
-------------------------------------------------- */

html {
  scroll-behavior: smooth;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* EXPORT LOWER THE CAROUSEL
-------------------------------------------------- */

.carousel-indicators li {
width: 15px;
height: 15px;
border-radius: 100%;
filter: invert(100%);
}
.carousel-indicators {
bottom: -50px;
}

/* IMAGE TEXT SHADOWS
-------------------------------------------------- */

/* Container holding the image and the text */
.image-block {
position: relative;
}

/* Resort and Hotel, Turks &Caicos */
.text-block {
position: absolute;
bottom: -5px;
right: 20px;
background-color:white;
color: black;
padding-left: 20px;
padding-right: 20px;
}

/* Cyril E. King Airport, St. Thomas */

.text-block2 {
position: absolute;
bottom: 20px;
right: 20px;
background-color:white;
color: black;
padding-left: 20px;
padding-right: 20px;
}

/* Aloft Hotel, Peru */

.text-block3 {
position: absolute;
bottom: -5px;
left:20px;
background-color:white;
color: black;
padding-left: 20px;
padding-right: 20px;
}

/* Export Project Gallery */ 

.text-block4 {
position:absolute;
bottom: 10px;
left: 10px;
background-color:white;
color: black;
padding-left: 20px;
padding-right: 20px;
}

/* BOTTOM NAV */

.bottom-navbar li {
  display: inline-block
}

.bottom-navbar ul {
  font-size: .75rem;
  text-transform: uppercase;
  list-style: none;
  padding: 1.5em 0;
  text-align: center;
  margin: 0;
}

.bottom-navbar a {
  color: rgba(0, 0, 0, .5)
}

.bottom-navbar a:focus,
.bottom-navbar a:hover {
  color: rgba(0, 0, 0, .7);
  background-color: transparent;
  text-decoration: none
}

.bottom-navbar li:after {
  margin: auto .25rem auto .5rem;
  color: #ef4135;
  content: "\002f \002f"
}


.bottom-navbar li:last-child:after {
  margin: 0;
  content: ""
}

/* Media Query text-block3 and text-block3 */

@media (max-width: 1199px) {
  .text-block2 {
  position: absolute;
  bottom: 8rem;
  right: 20px;
  background-color:white;
  color: black;
  padding-left: 20px;
  padding-right: 20px;
}
.text-block3 {
  position: absolute;
  bottom: 1rem;
  left:20px;
  background-color:white;
  color: black;
  padding-left: 20px;
  padding-right: 20px;
} 
}

@media (max-width: 991px) {
  .text-block2 {
  position: absolute;
  bottom: 14rem;
  right: 20px;
  background-color:white;
  color: black;
  padding-left: 20px;
  padding-right: 20px;
}
.text-block3 {
  position: absolute;
  bottom: 3rem;
  left:20px;
  background-color:white;
  color: black;
  padding-left: 20px;
  padding-right: 20px;
}
}

@media (max-width: 767px) {
  .text-block2 {
  position: absolute;
  bottom: 0rem;
  right: 20px;
  background-color:white;
  color: black;
  padding-left: 20px;
  padding-right: 20px;
}
.text-block3 {
  position: absolute;
  bottom: 0rem;
  left:20px;
  background-color:white;
  color: black;
  padding-left: 20px;
  padding-right: 20px;
}
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

@media (max-width: 299px) {
  #main_heading {
  font-size:25px;
  }
  #jetfan_image {
  width:35px;
  height:auto;
  margin-top:200px;
  margin-left:10px;
  }
	  #splogo {  
  filter:brightness(100%);
  margin-top:50px; 
  margin-left:50px;
  }
	#models_main2 {
filter:opacity(0);
	} 
		.jetfooter {
padding-right:40px;
		
	}
} 

@media (min-width: 300px) and (max-width: 600px) {
  #main_heading {
  font-size:35px;
  }
  #jetfan_image {
  width:35px;
  height:auto;
  margin-top:165px;
  margin-left:10px;
  }
	  #splogo {  
  filter:brightness(100%);
  margin-top:50px; 
  margin-left:50px;
  }
	#models_main2 {
	width:50%;
  height:auto;
 margin-top:210px;	
	} 
			.jetfooter {
padding-right:40px;
		
	}
} 

 @media (min-width: 601px) and (max-width: 900px) {
  #main_heading {
  font-size:65px;
  }
  #jetfan_image {
  width:100px;
  height:auto;
  margin-top:115px;
  margin-left:10px;
  }
   #splogo {  
  filter:brightness(100%);
  margin-top:50px; 
  margin-left:50px;
  }
  #models_main2 {
	width:50%;
  height:auto;
 margin-top:210px;
		
	} 
	 
} 

@media (min-width: 768px) and (max-width: 991px) {
     #feature1 {
  margin-top:80px;	
	}
     #feature2 {
  margin-top:20px;	
	}
	 #feature3 {
  margin-top:210px;	
	}
	 #app_feature1 {
  margin-top:15px;	
	}
	#app_feature2 {
  margin-top:60px;	
	}
	#app_feature3 {
  margin-top:180px;	
	} 
	.jetfans {
  margin-top:200px;	
	} 
	.gasdetector {
  margin-top:50px;	
	} 
}

@media (min-width: 992px) and (max-width: 1200px) {
     #feature1 {
  margin-top:55px;	
	}
     #feature2 {
  margin-top:15px;	
	}
	 #feature3 {
  margin-top:85px;	
	}
	 #app_feature1 {
  margin-top:0px;	
	}
	#app_feature2 {
  margin-top:18px;	
	}
	#app_feature3 {
  margin-top:30px;	
	} 
		.jetfans {
  margin-top:90px;	
	}
}

 @media (min-width: 901px) and (max-width: 1200px) {
  #main_heading {
  font-size:75px;
  }
  #jetfan_image {
  width:100px;
  height:auto;
  margin-top:75px;
  margin-left:10px;
  }
   #splogo {  
  filter:brightness(100%);
  margin-top:50px; 
  margin-left:50px;
  }
   #models_main2 {
	width:50%;
  height:auto;
 margin-top:100px;
		
	} 
}

 @media (min-width: 1201px) {
  #main_heading {
  font-size:75px;
  }
  #jetfan_image {
  width:150px;
  height:auto;
  margin-top:35px;
  margin-left:10px;
  }
   #splogo {  
  filter:brightness(100%);
  margin-top:50px; 
  margin-left:50px;
  }
	   #models_main2 {
	width:100%;
  height:auto;
		
	} 
}