/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

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


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

/* Carousel base class */
.carousel {
  margin-bottom: 1rem;
}
/* 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;
}

/* Declare heights because of positioning of img element */





/* 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: 5rem 0; /* Space out the Bootstrap <hr> more */
}

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

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: black !important;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 39em) {
}

@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;
  }
}

/* Samsung Galaxy S6, S6+, S7, S7+ | 1440×2560 pixels ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
	body {padding-top: 0rem !important;}
	.intro h1 {font-size: 66px !important;}
	.carousel-item {height: 16rem;background-color: white;}
	.carousel-item > img {width: 100%;height: auto;border:0px solid #000000;}
	.img-barrier{display:none !important}
}
/* Samsung Galaxy S8, S8+, S9, S9+ | 1440x2960 pixels ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4) {
	body {padding-top: 0rem !important;}
	.intro h1 {font-size: 66px !important;}
	.carousel-item {height: 16rem;background-color: white;}
	.carousel-item > img {width: 100%;height: auto;border:0px solid #000000;}
	.img-barrier{display:none !important}
}
/* iPhone X in portrait & landscape ----------- */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
	body {padding-top: 0rem !important;}
	.intro h1 {font-size: 66px !important;}
	.carousel-item {height: 13rem;background-color: white;}
	.carousel-item > img {width: 100%;height: auto;border:0px solid #000000;}
	.carousel-indicators {display:none !important;}
	.img-barrier{display:none !important}
}
/* iPhone 6, 7, & 8 in portrait & landscape ----------- */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	body {padding-top: 0rem !important;}
	.intro h1 {font-size: 66px !important;}	
	.carousel-item {height: 13rem;background-color: white;}
	.carousel-item > img {width: 100%;height: auto;border:0px solid #000000;}
	.carousel-indicators {display:none !important;}
	.img-barrier img {width: 100%;height: auto;border:0px solid #000000;}
}
/* iPhone 6, 7, & 8 Plus in portrait & landscape ----------- */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
	body {padding-top: 0rem !important;}
	.intro h1 {font-size: 66px !important;}
	.carousel-item {height: 13rem;background-color: white;}
	.carousel-item > img {width: 100%;height: auto;border:0px solid #000000;}
	.carousel-indicators {display:none !important;}
	.img-barrier img {width: 100%;height: auto;border:0px solid #000000;}
}
/* iPhone 5 & 5S in portrait & landscape ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	body {padding-top: 0rem !important;}
	.intro h1 {font-size: 66px !important;}	
  	.carousel-item {height: 13rem;background-color: white;}
	.carousel-item > img {width: 100%;height: auto;border:0px solid #000000;}
	.carousel-indicators {display:none !important;}
	.img-barrier img {width: 100%;height: auto;border:0px solid #000000;}
}
/* iPhone 2G-4S in portrait & landscape ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	body {padding-top: 0rem !important;}
	.intro h1 {font-size: 66px !important;}	
   	.carousel-item {height: 13rem;background-color: white;}
	.carousel-item > img {width: 100%;height: auto;border:0px solid #000000;} 
	.carousel-indicators {display:none !important;}
.img-barrier img {width: 100%;height: auto;border:0px solid #000000;}
}