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


}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) 
{

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) 
{
    .carousel-caption h1 
	{
		color: #ffffff;
		font-size: 30px;
    } 
	
	.carousel-caption 
	{
       bottom: 25% !important;
    }

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) 
{
	.navbar-dark .navbar-brand h1
	{
		color: #fff;
		font-size: 24px;
	}
	
	.carousel-caption h1 
	{
		color: #ffffff;
		font-size: 12px;
    }
	
	.carousel-caption 
	{
       bottom: 10% !important;
    }
	
    .mobile-space
	{
	   margin-bottom: 25px;
	}
	
	
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) 
{
    .navbar-dark .navbar-brand h1
	{
		color: #fff;
		font-size: 28px;
	}
	
	.carousel-caption h1 
	{
		color: #ffffff;
		font-size: 13px;
    } 
	
	.carousel-caption 
	{
       bottom: 10% !important;
    }
	
	.mobile-space
	{
	   margin-bottom: 25px;
	}
	
	
}

@media only screen and (min-width: 600px) and (max-width: 767px) 
{
    .navbar-dark .navbar-brand h1
	{
		color: #fff;
		font-size: 36px;
	} 
}