.page_text {
			font-size:11px;
			}
@media (min-width:1366px) {
			.page_text {
			font-size:.81vw;
			}
			}
.carousel-control-prev{
	width:6%;
	}
.carousel-control-next{
	width:6%;
	}
.dropdown-item{
	font-size:.75rem;
	}
	@media (min-width:1366px) {
			.dropdown-item {
			font-size:.9vw;
			}
			}
/* Remove the navbar's default margin-bottom and rounded borders */
			.navbar {
			margin-bottom:0;
			border-radius:0;
			padding:0;
			}
			.navbar-toggler{
				padding:0;
				margin-left:1vw;
				}
			/* Add a gray background color and some padding to the footer */
			footer {
			background-color:#f2f2f2;
			padding:25px;
			}

			.navbar-inverse .navbar-nav >li >a {
			color:white;
			font-family:sans-serif;
			font-size:12px;
			font-weight:bold;
			}
			
			.carousel-control{
			width:5%;
			text-shadow:none;
			}
			a:hover {
   			color: #0099CC;
			}
			a {
			color: #333;
			}
			.dropdown-menu{
			background-color:#aae1ff;
			}
			
			.carousel-inner img {
			width:100%; /* Set width to 100% */
			margin:auto;
			max-height:350px;
			}
			/* Hide the carousel text when the screen is less than 600 pixels wide */
			@media (max-width:600px) {
			.carousel-caption {
			display:none;
			}
			}
            
            @media (max-width: 767px){
            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
            color: white;
            }
            }

			.home_segment >span{
				font-size:.7vw;
				}
			@media (max-width: 1024px){
            .home_segment >span{
				font-size:.8vw;
				} 
            }
			@media (max-width: 991px){
            .home_segment >span{
				font-size:.67vw;
				} 
            }
			@media (max-width: 894px){
            .home_segment >span{
				font-size:.7vw;
				} 
            }
			@media (max-width: 856px){
            .home_segment >span{
				font-size:.75vw;
				} 
            }
			@media (max-width: 767px){
            .home_segment >span{
				font-size:1.3vw;
				} 
            }
			@media (max-width: 575px){
            .home_segment >span{
				font-size:3.5vw;
				} 
            }
            .container {
            	width: 75%;
			}
			@media (min-width: 1200px){
            .container {
            max-width: 75%;
            }   
            } 
			@media (max-width: 1124px){
            .container {
            width: 78%;
            }   
            }            
			@media (max-width: 1024px){
            .container {
            width: 85%;
            }   
            }
			@media (max-width: 844px){
            .container {
            width: 100%;
            }   
            }
			@media (min-width: 1281px){
            .navbar-nav {
            font-size:.85vw;
            }   
            }
            @media (max-width: 1280px){
				.navbar-nav{
				font-size:.8vw;
				}
			}
			@media (max-width: 1196px){
				.navbar-nav{
				font-size:.9vw;
				}
			}
			@media (max-width: 1024px){
				.navbar-nav{
				font-size:1vw;
				}
			}
			@media (max-width: 990px){
				.navbar-nav{
				font-size:.75rem;
				}
			}
            /*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition:1s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}