@import "lessfw";


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

	#section-01 {
		.slogan {
			padding-top: 220px !important;
		}
	}

}

@media only screen and (min-width: 767px) and (max-width: 991px) {
	
	.barra-ethos {
		.col-md-3 {
			width: 30% !important;
			float: left;
		}
		.col-md-9 {
			width: 70% !important;
			float: right;
		}
	}
	
}

		
@media only screen and (max-width: 767px) {
		
	header {
		position: relative;
		background: #000;
		
		.menuPrincipal {
			width: 100%;
			margin: 0px;
			
			li  {
				text-align: center;
			}
		}
		
		.dropdown-menu {
			margin-left: 0px !important;
		}
		
	}	
	
	
	.barra-ethos {
		height: auto !important;
		
		.logo-mobile {
			
			padding: 2px;
			height: auto !important;
			
			img {
				max-height: 25px;
			}
				
		}
		
		nav {
			margin-bottom: 0px;
			min-height: 10px !important;
		}
		
		.navbar-header {
			
			button {
				margin: 8px 5px;
				padding: 0px;
				border: 0px;
			}
		}
		
	}
	
	.container-rounded {
		border-radius: 5px !important;
		margin: 0px 0px 20px 0px !important;
		/* padding: 30px; */
		
		.logo-rounded {
			border-radius: 0px 0px 5px 5px !important;
			
			img {
				width: 100%;
				padding: 5px !important;
			}
		}
		
	}
	
	.row-mobile {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding: 0px 15px;
	}
	
	h1 { font-size: 1.6em !important; letter-spacing: 1px !important; }
	h2 { font-size: 1.5em !important; letter-spacing: 1px !important; }
	h3 { font-size: 1.4em !important; letter-spacing: 1px !important; }
	h4 { font-size: 1.3em !important; letter-spacing: 1px !important; }
	h5 { font-size: 1.2em !important; letter-spacing: 1px !important; }
	h6 { font-size: 1.1em !important; letter-spacing: 1px !important; }
	p  { font-size: 0.9em !important; letter-spacing: 1px !important; }
	
	.gallery {
		
		.gallery-item {
			width: 100% !important;
			
			img {
				max-width: 100%;
				width: 100%;
			}
		}
	}
	
	.footer  {
		letter-spacing: 1px !important;
		font-size: 12px !important;
	}
	
	
	#intro {
		
		.bcg {
			.gradient_vertical( fade(#452311, 40%), @marrom);
		
		}
		
		.parte01 {
			
			.slogan {
				font-size: 30px;
				padding: 0px;
				text-align: center;
			}
		}
		
		.overlay-texto-home { display: none;  }
		.overlay-texto-home2 {
			opacity: 1;
			margin-left: 0px;
		}
			
		#texto-home {
			opacity: 1;
			.transform_scale(1.0);
			
			
		}
		
	}
	
	#ht-plus {
		
		.slogan {
			
			h1 {
				line-height: 40px !important;
				margin: 50px 0px !important;
			}
			
			p {
				letter-spacing: 1px !important;
			}
		}
		
		.logo-amil {
		
			span {
				letter-spacing: 1px !important;
			}
		}
		
	}
	
	#hospital-itatiba {
		.footer {
			letter-spacing: 1px !important;
			font-size: 12px !important;
		}
	}
	
	#clinica-cem {
		.slogan {
			text-align: center;
			
			p {
				line-height: 25px !important;
			}
		}
		
		.foto {
			margin-top: 0px !important;
			
			ul { padding: 0px !important; }
		}
	}
	
	#cmo-itatiba {
		
		blockquote {
			font-size: 13px; 
		}
	}
	
	#audimax {
		
		.bloco-audimax2 {
			.col-md-5 {
				height: auto !important;
				margin-bottom: 20px;
			}
		}
		
		.footer {
			letter-spacing: 1px !important;
			font-size: 12px !important;
		}
		
	}
	
	
			
}