/************************************************************************************
Bigger screens
*************************************************************************************/

@media screen and (min-width: 1600px) {

	
}




/************************************************************************************
iPad (specific tunning)
*************************************************************************************/

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */

	

}


/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1200px) {
  

	/*===== Nav stuff =====*/
	#nav li a { font-size: 13px; padding: 1.5em 0.75em;;
}

  
}




/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
  

	/*===== Head stuff =====*/
	
	/*===== sidePic stuff =====*/
	.sidePic { padding: 5% 0;}
	#etica .sidePic {}

  
}



/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
  
	/*===== Turning OFF stuff =====*/
	
	
  	/*===== Turning ON stuff =====*/
	
	
	/*===== Font re-size =====*/


	/*===== Header stuff =====*/
	
	
	/*===== Home stuff =====*/
	#HeroContent { padding: 5%; background: rgba(245,244,242,0.85);}

		
	/*===== colsX =====*/
	.colX2, .colX3, .colX4 { width: 100%; margin: 10px 0; float: none; clear: both;}
	.colX50 { width: 100%; float: none; clear: both;}
		
		
	/*===== Covid stuff =====*/
	.purpleBox .colX50 { width: 50%; float: left; clear: none;}

	
 
  
}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

  	/*===== Turning OFF stuff =====*/
	#breadBox, #itemNav { display: none;}

	  
  	/*===== Turning ON stuff =====*/

	
	/*===== Font re-size =====*/
	h2 { font-size: 34px !important;}
	p { font-size: 18px;}
		
		
	/*===== Header stuff =====*/
	
	
	/*===== Home stuff =====*/
	#HeroBox { 
		background: #f6f0ec url(../images/mobHero-bck.jpg) no-repeat bottom center;
		background-size: 100% auto;
	}
	
	#HeroContent { padding: 50px 0 420px 0; background: none;}
	#HeroContent h1 { font-size: 34px;}
	
	.theBox { width: 50%;}
	
	
	/*===== colsX =====*/
	.content_wrap { width: 80% !important;}
	.colX2, .colX3, .colX4 { width: 100%; margin: 10px 0; float: none; clear: both;}
	.colX50 { width: 100%; float: none; clear: both;}
	
	
	/*===== titleBox stuff =====*/
	#titleBox { padding-top: 80px;}
	#theTitle { width: 100%; float: none; clear: both;}
	
	
	/*===== Especialidades stuff =====*/
	#theItems { width: 90%; padding: 5%; float: none; clear: both;}
	
	
	/*===== Footer stuff =====*/
	#policyBox, #footerContact { 
		width: 100%;
		margin: 20px 0;
		padding: 0;
		border: none;
		float: none;
		clear: both;
	}
	
	#policyBox { border-bottom: solid thin #ccc;}
	
	
	/*===== Covid stuff =====*/
	.purpleBox .colX50 { width: 100%; float: none; clear: both;}
	#IgG { text-align: left;}
	
	
		
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

  /* disable webkit text size adjust (for iPhone) */
  html {
    -webkit-text-size-adjust: none;
  }

}