homeStyle.css

header{ 							/*TAMANHO DO CABEÇALHO*/
	padding: 20px 50px;
	margin-bottom: 10px;
	background: black;

}


 .logo { 						/*OCUPAÇÃO DA IMAGEM DE LOGO DO CABEÇALHO*/
 	width: 10%;

 }


.bem {							/*CONFIGURAÇÕES DO TEXTO "BEM VINDO AO"*/
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	position: absolute;
	top: 90px;
	left: 270px;
	font-size: 45px;

}

.hori {							/*CONFIGURAÇÕES DO TEXTO "HORIZON"*/
	color: #ed397a;
	position: absolute;
	top: 90px;
	left: 610px;
	font-size: 45px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;

}



nav {							/*CONFIGURAÇÕES DA CAIXA DE NAVEGAÇÃO*/
	position: absolute;
	top: 150px;
	right: 1.5%;

}

nav li {					/*CONFIGURAÇÕES GERAIS ENTREOS ITENS DA LISTA*/
	display: inline;
	margin-left: 10px;

}

nav a{						/*CONFIGURAÇÕES DO TEXTO DA NAVEGAÇÃO*/
	text-decoration: none;
	font-size: 27px;
	color: #ed397a;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	transition: 0.200s all;

}

nav a:hover {			/*ANIMAÇÃO DOS BOTÕES*/
	color: #fd764b;
	font-size: 28px;
	top: 15px;

}





body{
	background: black;
	
}





.tl-muda, .tl-congestionamento,.tl-lindo, .tl-sozinho {
	font-family: 'Open Sans', sans-serif;
	color:#ed397a;
	font-weight: 600;
	font-size: 30px;
	
}


.p-muda, .p-lindo,.p-sozinho, .p-congestionamento{
	font-family: 'Open Sans', sans-serif;
	color: white;
	font-size: 22px;
	font-weight: 400;
}


.img-banner{	
	width: 100%;
	margin-bottom: 50px;
}


.video{
	width: 80%;
	margin: 0 auto;
	display: block;
}




.tl-muda{	/*propiedades do título "O 4 MUDA TUDO"*/
	margin-top: 1em;
	margin-left: 10%;
	display: inline-block;
	vertical-align: top;

}

.img-estacao{	/* Propiedades da imagem*/
	width: 40%;
	float: right;
	margin-right: 10%;
	margin-top: 40px;
	
}

.p-muda {
	margin-left: 10%;
	margin-right: 10px;
	margin-top: 2em;
	
}

.tl-congestionamento{
	clear: right;
	margin-top: 15%;
	margin-right: 10%;
	text-align: right;
	vertical-align: top;
	

}

.img-congestionamento{	/* Definições da imagem*/
	float: left;
	width: 38%;	/* Espaço/tamanho ocupado na página*/
	margin-left: 10%;
	display: inline-block;
	margin-right: 2%;

}


.p-congestionamento{	
	margin-right: 10%;
	margin-left: 10px;
	margin-top: 2em;

	

}	

.tl-lindo{
	margin-top: 18%;
	margin-left: 10%;

}

.img-lindo{
	width: 45%;
	margin-right: 10%;
	float: right;

}


.p-lindo{
	margin-top: 2em;
	text-align: left;
}

.tl-sozinho{
	clear: right;
	margin-top: 17%;
	margin-right: 10%;
	text-align: right;

}

.img-sozinho{ /* Propiedades da imagem*/
	width:40%;	/* Espaço/tamanho ocupado na página*/
	float: left;
	margin-left: 10%;
	margin-right: 2%;

}

.p-sozinho{
	margin-top: 2em;
	margin-right: 10%;
	margin-bottom:15% ; 

}


.topicos{	/* propiedades da classe referente a lista*/
	clear: left;
	text-align: center; 
	font-size: 20px;
	margin-bottom: 8px;
	transition: 0.500s;
	color: white;
	font-family: 'Open Sans', sans-serif;
	
}

.topicos:hover {
	font-size: 22px;
	margin-bottom: 6px;
	color:#ed397a;

}




.microFoto{
	width: 5%;
}

footer{
	font-family: 'Oxygen', sans-serif;
	margin-top: 50px;
	background: #262626;
	padding: 15px;
	font-size: 17px;
	color: white;
	text-align: center;
}