/*---------------------------------------------------------------------
    Large Desktops
-----------------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .carousel-heading h1{
	
	}

}


/*---------------------------------------------------------------------
    Desktops
----------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .carousel-heading h1{
	
    }
    .navbar {
        background: rgba(255,255,255,0.9);
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    
    }
    .navbar li a {
        color:  rgba(31, 31, 31, 0.9) !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5);
    }

}


/*---------------------------------------------------------------------
    Tablets Devices
-----------------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .navbar {
        background: rgba(255,255,255,0.9);
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    
    }
    .navbar li a {
        color:  rgba(31, 31, 31, 0.9) !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5);
    }

}


/*----------------------------------------------------------------------
   Mobile Devices
------------------------------------------------------------------------*/

@media only screen and (min-width: 360px) and (max-width: 479px) {
    .carousel-heading h1{
	font-size: 30px;
	
	}
  
  .carousel-heading h3{
	font-size: 22px
    }
    
    	
.navbar {
    background: rgba(255,255,255,0.9);
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);

}
.navbar li a {
    color:  rgba(31, 31, 31, 0.9) !important;
    text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5);
}

}

/*----------------------------------------------------------------------
    Small Screen Mobile Devices
-----------------------------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 359px) {

    .navbar {
        background: rgba(255,255,255,0.9);
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    
    }
    .navbar li a {
        color:  rgba(31, 31, 31, 0.9) !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5);
    }



}