@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Raleway:wght@300&display=swap');
/* ---------------------------------
@version Beta v0.1
@date 08.Jan.2019
@author Marcio Camargo
@email marcio@formiganegocios.com.br

Estilo de fontes e cores customizado para este site
Quebras de layout em: 
- 1600
- 1200
- 1024
- 840
- 720
- 600
- 480
- 320
--------------------------------- */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TIPOGRAFIA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.titulo,
.titulo-1,
.titulo-2,
.titulo-3,
.titulo-4,
.titulo-5{
	display: block;
	font-weight: 300;
	line-height: 110%;
	font-family: 'Raleway', sans-serif;
	margin-top: 40px !important;
	}
h1.titulo,
.titulo-1{
	font-size: 300%; 
	letter-spacing: -1px;
	}
h2.titulo,
.titulo-2{
	font-size: 250%; 
	letter-spacing: -1px;
	}
h3.titulo,
.titulo-3{
	font-size: 220%;
	}
h4.titulo,
.titulo-4{
	font-size: 180%;
	}
h5.titulo,
.titulo-5{
	font-size: 140%;
	}
.texto,
.texto p{
	color: #666;
	font-weight: 400;
	font-size: 1.1em !important;
	line-height: 160% !important;
	margin-bottom: 30px !important;
	}
.subtitulo,
.subtitulo p{
	font-weight: 400;
	font-size: 1.2em !important;
	line-height: 140% !important;
	margin-bottom: 30px !important;
	color: var(--secondary-color);
	}
.legenda{
	display: block;
	font-weight: 400;
	line-height: 180%;
	font-size: 1.1em; 
	margin: 20px 0px 50px 0px !important;
	padding-left: 40px;
	border-left: 20px solid var(--main-color);
	}
.texto-big{
	font-size: 140%;
	line-height: 140%;
	}
.texto-small{
	font-size: 100%;
	line-height: 140%;
	}
.rotulo{
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 140%;
	}
.citacao{
	border-top: solid 2px #CCC;
	border-bottom: solid 2px #CCC;
	padding: 60px 100px;
	margin: 20px 0px 50px 0px !important;
	}
.citacao-frase{
	color: #700095;
	font-size: 180%;
	line-height: 180%;
	font-weight: 100;
	letter-spacing: -1px;
	margin-bottom: 20px;
	}
.citacao-autor{
	font-weight: 700;
	font-size: 120%;
	}
.texto-2-colunas{
	column-count: 2;
	column-gap: 30px;
	}

@media (max-width: 1600px) {
	
}
@media (max-width: 1200px) {

}
@media (max-width: 1024px) {
	.titulo,
	.titulo-1,
	.titulo-2,
	.titulo-3,
	.titulo-4,
	.titulo-5{
		margin: 30px 0px 30px 0px !important;
		}
	h1.titulo,
	.titulo-1{
		font-size: 400%; 
		letter-spacing: -2px;
		}
	h2.titulo,
	.titulo-2{
		font-size: 300%; 
		letter-spacing: -1px;
		}
	h3.titulo,
	.titulo-3{
		font-size: 220%;
		}
	h4.titulo,
	.titulo-4{
		font-size: 180%;
		}
	h5.titulo,
	.titulo-5{
		font-size: 140%;
		}
}
@media (max-width: 840px) {
}
@media (max-width: 720px) {
}
@media (max-width: 600px) {
	.titulo,
	.titulo-1,
	.titulo-2,
	.titulo-3,
	.titulo-4,
	.titulo-5{
		margin: 20px 0px 10px 0px !important;
		}
	h1.titulo,
	.titulo-1{
		font-size: 280%; 
		letter-spacing: -1px;
		}
	h2.titulo,
	.titulo-2{
		font-size: 220%; 
		letter-spacing: 0px;
		}
	h3.titulo,
	.titulo-3{
		font-size: 180%;
		}
	h4.titulo,
	.titulo-4{
		font-size: 160%;
		}
	h5.titulo,
	.titulo-5{
		font-size: 120%;
		}
	.texto,
	.texto p{
		font-size: 1.1em !important;
		margin-bottom: 20px !important;
		}
}
@media (max-width: 480px) {
	.legenda{
		padding-left: 20px;
		border-left: 10px solid #CCC;
		}
	h1.titulo,
	.titulo-1{
		font-size: 200%; 
		letter-spacing: 0px;
		}
	h2.titulo,
	.titulo-2{
		font-size: 180%; 
		letter-spacing: 0px;
		}
	h3.titulo,
	.titulo-3{
		font-size: 160%;
		}
	h4.titulo,
	.titulo-4{
		font-size: 150%;
		}
	h5.titulo,
	.titulo-5{
		font-size: 110%;
		}
	.texto,
	.texto p{
		font-size: 1.1em !important;
		margin-bottom: 20px !important;
		}
	.legenda{
		margin: 10px 0px 20px 0px !important;
		}
}
@media (max-width: 320px) {

}