﻿@media (max-width: 767px) {

.carousel-inner{
	height: 25vh;} 
	.overlay {top:1%;  padding 0px;}
	.lead{font-size:1.0rem;}
	.display-4{font-size:2.3rem;}
	 .carousel-item {
 height: 25vh;
 overflow: hidden;}
  #carouselExampleIndicators ol {
	display:none;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.carousel-inner{
	height: 65vh;}
	.overlay { top:1%;  padding:0 ; }
	.lead{font-size:1.3rem;}
	.display-4{font-size:2.4rem;}
	.carousel-item {
 height: 65vh;
 overflow: hidden;}
 .carousel-caption{
position:absolute;
right:15%;
bottom:50px;
left:15%;
z-index:10;
padding-top:5px;
padding-bottom:60px;
color:#fff;
text-align:center}

} 

@media  (min-width: 992px) and (max-width: 1023px) {
.carousel-inner{
	height: 75vh;}

	.overlay { top:5%;  padding:0 10%; }
	.lead{font-size:1.2rem;}
	.display-4{font-size:2.8rem;}
	.carousel-caption{
bottom:50px;
padding-top:5px;
padding-bottom:60px;
}

} 

@media  (max-width: 1023px) {

}

@media  (min-width: 1024px) and (max-width: 1365px) {
.carousel-inner{
	height: 70vh;}


	.overlay { top:5%;  padding:0 20%; }
	.lead{font-size:1.3rem;}
	.display-4{font-size:2.8rem;}
	.carousel-caption{
bottom:50px;
padding-top:5px;
padding-bottom:60px;
}


} 

@media (max-width: 1366px) {

	.overlay { top:2%;  padding:0% 28%; }
	.lead{font-size:1.3rem;}
	.display-4{font-size:2.8rem;}

} 
/* Page background-image landscape for iPad 3 */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
  
 
  
  #imagecontainer1 .fixedimage1 {
  
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%),  url('../images/gun.jpg') no-repeat center top #000 !important;
    -webkit-background-size: 1024px 632px !important;
    -moz-background-size: 1024px 632px !important; 
    -o-background-size: 1024px 632px !important; 
    background-size: 1024px 632px !important; 
  }
  #imagecontainer2 .fixedimage2 {
   
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%),  url('../images/gun2.jpg') no-repeat center top #000 !important;
    -webkit-background-size: 1024px 799px !important;
    -moz-background-size: 1024px 799px !important; 
    -o-background-size: 1024px 799px !important; 
    background-size: 1024px 799px !important; 
  }

}
/* Page background-image portrait for iPad 3 */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
 #imagecontainer1 .fixedimage1 {
   
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%), url('../images/gun.jpg') no-repeat center top #000 !important;
    -webkit-background-size: 1024px 632px !important;
    -moz-background-size: 1024px 632px !important; 
    -o-background-size: 1024px 632px !important; 
    background-size: 1024px 632px !important; 
  }
  #imagecontainer2 .fixedimage2 {
  
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%),  url('../images/gun2.jpg') no-repeat center top #000 !important;
    -webkit-background-size: 1024px 799px !important;
    -moz-background-size: 1024px 799px !important; 
    -o-background-size: 1024px 799px !important; 
    background-size: 1024px 799px !important; 
  }

}
/* Page background-image landscape for iPad 1/2 */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
 #imagecontainer1 .fixedimage1 {
   
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%),  url('../images/gun.jpg') no-repeat center top #000 !important;
    -webkit-background-size: 1024px 632px !important;
    -moz-background-size: 1024px 632px !important; 
    -o-background-size: 1024px 632px !important; 
    background-size: 1024px 632px !important; 
  }
  #imagecontainer2 .fixedimage2 {

    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%),  url('../images/gun2.jpg') no-repeat center top #000 !important;
    -webkit-background-size: 1024px 799px !important;
    -moz-background-size: 1024px 799px !important; 
    -o-background-size: 1024px 799px !important; 
    background-size: 1024px 799px !important; 
  }

}
/* Page background-image portrait for iPad 1/2 */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
  #imagecontainer1 .fixedimage1 {
   
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%),  url('../images/gun.jpg') no-repeat center top #000 !important;
    -webkit-background-size: 1024px 632px !important;
    -moz-background-size: 1024px 632px !important; 
    -o-background-size: 1024px 632px !important; 
    background-size: 1024px 632px !important; 
  }
  #imagecontainer2 .fixedimage2 {
   
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,1) 100%),  url('../images/gun2.jpg') no-repeat center top #000 !important;
    -webkit-background-size: 1024px 799px !important;
    -moz-background-size: 1024px 799px !important; 
    -o-background-size: 1024px 799px !important; 
    background-size: 1024px 799px !important; 
  }

}



