/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
 
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
	
	
	
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 320px) { 
	#title_logo{
		position: absolute;
		top: 75px;
		left: 5%;
		width: 95%;
		z-index: 1;
	}
	
}

/* Iphone SE (landscape phones, 375px and up) */
@media (min-width: 375px) { 
	#title_logo{
		position: absolute;
		top: 75px;
		left: 4%;
		width: 90%;
		z-index: 1;
	}
	
}







/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	#title_logo{
		position: absolute;
		top: 50px;
		left: 12%;
		width: 75%;
		z-index: 1;
	}
	
	
}



/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	#title_logo{
		position: absolute;
		top: 50px;
		left: 15%;
		width: 66%;
		z-index: 1;
	}
	
	
	
}




/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	
	
	#title_logo{
		position: absolute;
		top: 50px;
		left: 15%;
		width: 66%;
		z-index: 1;
	}
	
	
	

}



/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  

	#title_logo{
		position: absolute;
		top: 0px;
		left: 12%;
		width: 66%;
		z-index: 1;
	}
	
	
	
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

	#title_logo{
		position: absolute;
		top: 0px;
		left: 7%;
		width: 50%;
		z-index: 1;
	}

}