.title1 { /*titulo destaques*/
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;	
	font-size: 25px;	
	line-height: 25px;
	font-weight: normal;
	text-align: center;	
	font-family: "Larsseit";
	color: #868D8E;
}

.title2 { /*titulo serviços*/
	clear: both;
	width: 80%;
	margin: 0;
	padding: 0;
	margin-left: 10%;
	margin-bottom: 15px;
	font-size: 25px;	
	line-height: 25px;
	font-weight: normal;
	text-align: center;	
	font-family: "Larsseit";
	color: #1B4073;
}

.title3 { /*titulo rodapé*/
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	font-size: 25px;	
	line-height: 25px;
	font-weight: normal;
	font-family: "Larsseit";
}

.title4 { /*titulo lista*/
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 25px;	
	line-height: 25px;
	font-weight: normal;
	font-family: "Larsseit";
	text-align: center;
	color: #1B4073;
}

.title4 span { 
	font-weight: bold;
}

.title5 { /*subtítulos detalhes*/
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 25px;	
	line-height: 25px;
	font-weight: normal;
	font-family: "Larsseit";
	color: #1D3153;
	text-transform: uppercase;
	border-bottom: 1px solid #525269;
	padding-bottom: 10px;
}

.title5 span { 
	font-weight: bold;
}

.title6 { /*subtítulo semelhantes*/
	float: left;
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0;
	margin-left: 5%;
	font-size: 25px;	
	line-height: 25px;
	font-weight: normal;
	font-family: "Larsseit";
	color: #1D3153;
	text-transform: uppercase;
	border-bottom: 1px solid #525269;
	padding-bottom: 10px;
}

.title6 span { 
	font-weight: bold;
}

.title7 { /*titulo internas*/
	float: left;
	clear: both;
	width: 90%;
	margin: 0;
	padding: 0;	
	margin-left: 5%;
	margin-bottom: 10px;
	font-size: 30px;	
	line-height: 30px;
	text-align: center;	
	font-family: "Larsseit-ExtraBold";
}

.title8 { /*titulo principal detalhes*/
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 25px;	
	line-height: 25px;
	font-weight: normal;
	font-family: "Larsseit";
	text-align: center;
	color: #1B4073;
	margin-top: 20px;
	margin-bottom: 20px;

}

.title8 span { 
	font-weight: bold;
}

.title9 { /*titulo condominio*/
	float: left;
	clear: both;
	width: 70%;
	margin: 0;
	padding: 0;	
	font-size: 25px;	
	line-height: 25px;
	font-weight: normal;
	text-align: center;	
	font-family: "Larsseit";
	color: #FFF;
	background: rgba(27,64,115,0.85);
	padding: 10px 5% 10px 5%;
	margin-left: 10%;
}

@media only screen and (min-width: 360px) {	
.title2 { /*titulo serviços*/
	width: 70%;
	margin-left: 15%;
}
}

@media only screen and (min-width: 411px) {	
.title2 { /*titulo serviços*/
	width: 60%;
	margin-left: 20%;
}
}

@media only screen and (min-width: 480px) {	
.title2 { /*titulo serviços*/
	width: 100%;
	margin-left: 0;
	font-size: 30px;	
	line-height: 30px;
}
	
.title9 { /*titulo condominio*/
	width: 80%;
	padding: 10px 1.5% 10px 1.5%;
	margin-left: 8.5%;
}
}

@media only screen and (min-width: 585px) {	
.title4 { /*titulo lista*/
	clear: none;
	width: auto;
	text-align: left;
	margin-left: 5%;
}
	
.title9 { /*titulo condominio*/
	width: 60%;
	padding: 15px 1% 15px 1%;
	margin-left: 19%;
}
}

@media only screen and (min-width: 768px) {	
.title1 { /* titulo destaques */
	font-size: 40px;	
	line-height: 40px;
}
	
.title2 { /*titulo serviços*/
	font-size: 40px;	
	line-height: 40px;
}
	
.title3 { /*titulo rodapé*/
	font-size: 35px;	
	line-height: 35px;
}
	
.title4 { /*titulo lista*/
	font-size: 35px;	
	line-height: 35px;
}
	
.title8 { /*titulo principal detalhes*/
	font-size: 35px;	
	line-height: 35px;
	margin-top: 25px;
	margin-bottom: 25px;
}
	
.title9 { /*titulo condominio*/
	width: 75%;
	margin-left: 11.5%;
	font-size: 40px;	
	line-height: 40px;
}
}

@media only screen and (min-width: 1024px) {
.title9 { /*titulo condominio*/
	width: 60%;
	margin-left: 19%;
}
}

@media only screen and (min-width: 1280px) {
.title1 { /* titulo destaques */
	font-size: 55px;
	line-height: 55px;
}

.title2 { /*titulo serviços*/
	font-size: 55px;
	line-height: 55px;
}
	
.title3 { /*titulo rodapé*/
	font-size: 45px;	
	line-height: 45px;
}
	
.title4 { /*titulo lista*/
	font-size: 45px;	
	line-height: 45px;
}
	
	
.title8 { /*titulo principal detalhes*/
	font-size: 40px;	
	line-height: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
}
	
.title9 { /*titulo condominio*/
	font-size: 55px;	
	line-height: 55px;
	width: 60%;
	margin-left: 19%;
}
}

@media only screen and (min-width: 1600px) {
.title9 { /*titulo condominio*/
	width: 50%;
	padding: 15px 0.5% 15px 0.5%;
	margin-left: 24.5%;
}
}