/* ==========================================================================
CUSTOM RESPONSIVE CSS
========================================================================== */


@media (max-width: 800px) { 


	#header {

		padding-bottom:140px;
	}

	#title-container {

		padding:120px 0;
	}

	#title-container h1 {

		font-size:2.5em;
		line-height:45px !important;
	}

	.display-4 {

		font-size:2.6em;
	}

 }


 @media all and (max-width:768px) {

  .fixed-top {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;

    }

}



 @media (max-width: 600px) { 

	#title-container {

		padding:120px 0;
	}

	

 }


 @media (max-width: 500px) { 

	#title-container {

		padding:80px 0;
	}

	
	#header {

		padding-bottom:0px;
	}

 }