/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




	/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {
		
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {

	}



	/*==========  Non-Mobile First Method  ==========*/

	/* Large Devices, Wide Screens */
	/* md */
	@media only screen and (max-width : 1200px) {

		.page-header .title-image
		{
			left:80%;
		}

	}

	/* Medium Devices, Desktops */
	/* sm */ 
	@media only screen and (max-width : 992px) {

		/* Change the background of the collapsed navbar list and move the list to bottom to avoid logo overlapping*/
		.collapsing, .in 
		{
			background-color: #f5f5f5;
			z-index: -2;
			margin-top: 40px;
		}


		.title-image
		{
			margin-bottom: 20px;
		}

		#inici .items_principals p
		{
			min-height: 140px;
		}

		#inici .jumbotron h1
		{
			font-size: 36px;
			margin-top: -10px;
		}

		#inici .jumbotron h2
		{
			font-size: 22px;
		}

		#inici .jumbotron .btn
		{
			margin-top:240px;
		}
	}

	/* Small Devices, Tablets */
	/* xs */
	@media only screen and (max-width : 768px) {

		/* Move again the list to the top to match with the logo */
		.collapsing, .in 
		{
			margin-top: 0px;
		}

		/* Decrease the logo size for phone screens */
		.navbar-brand img
		{
			width: 100px;
			height: auto;
		}	

		#inici .items_principals .col-sm-4 img
		{
			width: 96px;
			height: auto;
		}

		#inici .items_principals p
		{
			min-height: 100px;
		}


		#inici .replace_jumbotron
		{
			text-align: center;
			margin-bottom: 50px;
		}

		#inici .replace_jumbotron img
		{
			height: 140px;
		}


		.footer .developedby
		{
			text-align: right;
		}


		.page-header .title
		{
			margin-left:0px;
			text-align: center;
		}

		.presmall-footer
		{
			margin-top: 20px;
		}

		/* Avoid a small overflow in a really tiny screen sizes, inherited from col-*-*  */
		.presmall-footer div
		{
			padding-left: 0px;
			padding-right: 0px;
		}

		.contentblock
		{
			padding-left: 10px;
			padding-right: 10px;
		}

		.contentblock ul
		{
			padding-left:0px;

		}

		.contentblock ul>li>ul
		{

			padding-left: 20px;
		}

		.contentblock .well-info ul
		{
			padding-left: 20px;
		}
		
	}

	
	

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {

	

		#inici .items_principals .col-sm-4 img
		{
			width: 64px;
			height: auto;
		}

		.page-header .title h1
		{
			font-size: 24px; 
		}

		.page-header .title h2
		{
			font-size: 22px;
		}

		.contentblock h2
		{
			font-size: 22px;
		}

		/* Label overflows in a really tiny screens. Just give a little more height space to fill the whole footer */
		.footer
		{
			height: 140px;
		}

		
	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		
	}



	@media only print
	{
		.footer	{visibility: hidden;}
		.presmall-footer {visibility: hidden;}
	}