/*All Devices with Responsive Nav*/
@media (min-width: 320px) and (max-width: 736px) {
.navbar-wrapper{
background-size: cover;
background-position: 30% center;
background-repeat: no-repeat;	
}
.navbar-inverse .navbar-brand{
font-size: 16px;
padding: 20px 0px;	
}
.navbar-toggle{
margin-top: 35px;
margin-right: 0px;	
}
.featurette .lead.no-btm{
margin-top:20px;
margin-bottom:20px;	
}
.home-circles{
width: 60%;
margin: 0 auto;
color:#333;	
}
.home-circles h2{
font-size:20px;	
}
.home-circles a, .home-circles a:hover{
color: #bbb;
}
.home .light-bg{
padding-bottom: 50px;	
}
.footer{
background-position: top right;
background-size: cover; 
padding-top: 50px;
margin-top: 50px;	
}
.footer ul a, .footer ul a:hover{
font-size: 10px;
letter-spacing: 0px;
}
.navbar-nav li{
float: none;
height: auto;
text-align: center;
width: 100%;
border-right: none;
border-bottom: 1px solid rgba(255,255,255,.3);	
}
.navbar-inverse .navbar-nav>li>a{
color: #fff;
padding-top: 10px;
padding-bottom: 20px;	
}
.navbar-inverse .navbar-nav li:nth-child(3) a, .navbar-inverse .navbar-nav li:nth-child(4) a, .navbar-inverse .navbar-nav li:nth-child(5) a{
padding-top: 10px;	
}
.above-nav {
text-align: center;
min-height: 265px;
}
.above-nav span.roboto{
display: block; 
text-align: center;
}
.above-nav img{
float: none;	
}
.carousel-caption{
top: 10% !important;	
}
.carousel-caption p{
font-size: 12px;	
}
.carousel h1{
font-size: 16px;	
}
.blinking-border{
    font-size:16px;
}
}

/*PHONES*/
@media (max-width: 480px) {
.carousel-inner > .item > img{
min-width: 100%;
height: 170px;
}
.carousel-indicators{
margin-bottom: -15px
}
.carousel, .carousel .item{
height: 170px;
}
.carousel-caption{
bottom: 0px;
top: 5% !important;
}
.carousel h1{
font-size: 12px;
padding: 10px;
}
.carousel p{
font-size: 8px;	
}
.light-bg:before{
height: 10px;
}
.home-circles{
width: 60%;
margin: 0 auto;
color:#333;	
}
.home-circles h2{
font-size:20px;	
}
.home-circles a, .home-circles a:hover{
color: #bbb;
}
.home .light-bg{
padding-bottom: 50px;	
}
.featurette .lead.no-btm{
margin-top:20px;
margin-bottom:20px;	
}

.footer{
background-position: top right;
background-size: cover; 
padding-top: 50px;
margin-top: 50px;	
}
.footer ul a, .footer ul a:hover{
font-size: 8px;
letter-spacing: 0px;	
}
.footer ul{
text-align: center;	
}
h1{
font-size: 20px;
text-align: center;
}
}



/*iPhone 6*/
@media (min-width: 375px) and (max-width: 479px) {

}



/*iPhone 6 Landscape*/
@media (min-width: 666px) and (max-width: 668px) {
.carousel-inner > .item > img{
min-width: 100%;
height: auto;
}
.carousel, .carousel .item{
height: 280px;
}
.carousel-caption{
bottom: 0px;
top: 10% !important;	
}
.carousel h1{
font-size: 16px;	
}
.carousel p{
font-size: 10px;	
}	
.light-bg:before{
height: 20px;
}
.above-nav img{
width:20%;
}

}




/*TABLET PORTRAIT*/
@media (min-width: 481px) and (max-width: 767px) {


}


/*iPhone 5 Landscape*/
@media (min-width: 567px) and (max-width: 569px) {
.carousel-inner > .item > img{
min-width: 100%;
height: auto;
}
.carousel, .carousel .item{
height: 280px;
}
.carousel-caption{
bottom: 0px;
top: 10% !important;	
}
.carousel h1{
font-size: 16px;	
}
.carousel p{
font-size: 10px;	
}		
.light-bg:before{
height: 20px;
}
.above-nav img{
width:20%;
}

}



/*iPhone 6 Plus*/
@media (min-width: 666px) and (max-width: 668px) {


}


/*iPhone 6 Plus Landscape*/
@media (min-width: 735px) and (max-width: 737px) {
.carousel-inner > .item > img{
min-width: 100%;
height: auto;
}
.carousel, .carousel .item{
height: 280px;
}
.carousel-caption{
bottom: 0px;
top: 10% !important;	
}
.carousel h1{
font-size: 16px;	
}
.carousel p{
font-size: 10px;	
}	
.light-bg:before{
height: 20px;
}	
.above-nav img{
width:20%;
}

}


/*TABLET LANDSCAPE and SMALL DESKTOP*/
@media (min-width: 768px) and (max-width: 1023px) {
.above-nav img{
width: 40%;
}	
.navbar-inverse .navbar-brand{
font-size: 14px;	
}
.navbar-inverse .navbar-brand .script{
font-size: 20px;	
}
.navbar-nav li{
height: 72px;
width: 90px;
}
.navbar-inverse .navbar-nav>li>a{
padding-top: 25px;
font-size: 10px;
line-height: 8px;	
}

.navbar-inverse .navbar-nav>li:nth-child(2)>a, .navbar-inverse .navbar-nav>li:nth-child(6)>a{
line-height: 12px;	
}
.carousel, .carousel .item, .carousel-inner > .item > img{
height: 405px;	
}
.navbar-inverse .navbar-nav li:nth-child(6) a{
padding-top: 25px;	
}
.carousel-caption{
top: 10% !important;	
}
.carousel-caption p{
font-size: 16px;	
}
.carousel h1{
font-size: 20px;	
}
}



@media (min-width: 800px) and (max-width: 1080px) {
.navbar-nav li{
width: 100px;
}
.navbar-inverse .navbar-nav>li>a{
padding-top: 15px;
font-size: 12px;	
line-height: 1.6;
}	
.navbar-inverse .navbar-nav>li:nth-child(6)>a, .navbar-inverse .navbar-nav>li:nth-child(2)>a{
line-height: 1.6;
}
.navbar-inverse .navbar-nav li:nth-child(3) a, .navbar-inverse .navbar-nav li:nth-child(4) a, .navbar-inverse .navbar-nav li:nth-child(5) a, .navbar-inverse .navbar-nav li:nth-child(6) a{
padding-top: 25px;	
}
.navbar-inverse .navbar-brand{
font-size: 14px;	
}
.navbar-inverse .navbar-brand .script{
font-size: 20px;	
}
.navbar-nav li{
height: 72px;
width: 90px;
}
.carousel, .carousel .item, .carousel-inner > .item > img{
height: 405px;	
}
.navbar-inverse .navbar-nav li:nth-child(6) a{
padding-top: 25px;	
}
.light-bg:before{
height: 30px;	
}
.home-circles h2{
font-size: 22px;	
}
.home .light-bg{
padding-bottom: 100px;	
}
}

/*That weird break point between landscape tablet and desktop*/
@media (min-width: 1024px) and (max-width: 1198px) {
.carousel, .carousel .item, .carousel-inner > .item > img{
height: 405px;	
}	
.navbar-inverse .navbar-brand{
font-size: 14px;	
}
.navbar-inverse .navbar-brand .script{
font-size: 20px;	
}
.navbar-nav li{
height: 72px;
width: 90px;
}
.navbar-inverse .navbar-nav>li>a{
padding-top: 20px;
font-size: 10px;
line-height: 1.6;
}	
.carousel-caption{
top: 10% !important;	
}
.carousel-caption p{
font-size: 16px;	
}
.carousel h1{
font-size: 20px;	
}
.navbar-inverse .navbar-nav>li:nth-child(6)>a, .navbar-inverse .navbar-nav>li:nth-child(2)>a{
padding-top: 20px;
font-size: 10px; 
}
.navbar-inverse .navbar-nav li:nth-child(3) a, .navbar-inverse .navbar-nav li:nth-child(4) a, .navbar-inverse .navbar-nav li:nth-child(5) a, .navbar-inverse .navbar-nav li:nth-child(6) a{
padding-top: 30px;	
}
}

@media only screen and (max-width: 768px) { 
  .ww-img { 
     width: 100% !important; 
  }
  h2.res-top {
    font-size: 25px;
    text-align: center;
  }
  #content {
   padding-top: 35px;
  }
  .light-bg::after{
    top: 73px;
  }
  .light-bg {
    padding-bottom: 0;
  }
}