.mySlides { height:100vh;

		

}


.mySlides#slide002{background-color:f000;}

.mySlides img{ width:10rem;






		

}


.geist-pixel-<uniquifier> {
  font-family: "Geist Pixel", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "ELSH" 0;
}

body{	/*MARGEM PADRÃO DO NAVEGADOR É 8PX */
	margin:0;
	padding:0;
	overflow-x:hidden;
	/*background-image: url('../images/fundo.jpg');*/
	background-attachment:fixed;
	background-repeat:repeat;
	background-position:center;
	background-size:10rem;
	
	

	}
	 nav.menu_01{

		display:flex; 
		justify-content: center;

		width:100vw;
		height:4.375rem;
		position:fixed;
		z-index:10;
		background-color:#000;
		opacity:1;
		top:0;
		left:0; 
		
		}

	

		.logo_menu{
		
			width:4em;
			height:4em;
		
			background-image: url('../images/logo_menu.png');
			background-size:contain;

			/*background-color:#f00;*/
		

			opacity:1;
			position:absolute;
			top:0.25rem;
			left:10vw;
			z-index:10


		}


		.logo_menu:hover{
		
		
		background-image: url('../images/logo_menu_hover.png');}
		

			
			span.acessivel{visibility:hidden;}



	

		nav.menu_01 ul.menu_principal{
			
			display:flex; 
			justify-content: center;
			list-style: none; 
	
			width:auto;
			height:auto;
			top:-0.25rem;
			
			position:absolute;
			
			top:0.5rem;
			

			
			}


			nav.menu_01 ul.menu_principal li{
				margin-left:1rem;

				}



				nav.menu_01 ul.menu_principal li a{
					position:relative;
					color:#fff;
					text-decoration:none;
					padding:1rem 0.2rem;


					}

				nav.menu_01 ul.menu_principal li a:hover{

					top:-0.3rem;
					color:#ffba00;

					

					}	



		ul.icones_social{
			
			/*background-color:#f00;*/
			width:1.875rem;
			height:auto;
			position:absolute;
			list-style: none;
			

			right:6vw;
			top:4.4rem;

			margin-right:-1.875rem;
			z-index:11;
					
			}


			ul.icones_social li{
				display:block;
				float:right;


				width:1.875rem;
				height:1.875rem;
				position:relative;
				margin-bottom:1rem;
				

				background-size:1.875rem;
				background-position:0;

				background-repeat:no-repeat;

		
			}
			
			ul.icones_social li:hover{

				margin-right:0.3rem;
			}


			ul.icones_social li.bt_menu_instagram{
					
				background-image: url('../images/icone_menu_instagram.png');
				background-size:2rem;
				background-position:0;

					}


			ul.icones_social li.bt_menu_tiktok{
					
				background-image: url('../images/icone_menu_tiktok.png');
				
					}

			ul.icones_social li.bt_menu_spotify{
					
				background-image: url('../images/icone_menu_spotify.png');
				
					}



				ul.icones_social li a{
					width:1.875rem;
					height:1.875rem;


					}

	header.hero{
		width:100vw;
		height:100vh;
		position:relative;
		background-color:#666;
		top:0;
		left:0;
		z-index:1;
		
		


			}
				

	main.container{


		width:100vw;
		height:auto;
		margin-inline:auto;
		
		margin-top:0;
		
		padding-top:5rem;
		padding-bottom:5rem;
		
}

		main.container .conteudo_geral{

			/*background-color:#FFFFFB;*/


		
			position:relative;
			margin-inline:auto;
		
			

			margin-bottom:5rem;
		
			padding-left:5%;
			padding-right:5%;
			width:70%;   
         
			padding-top:5rem;
			padding-bottom:5rem;
			
			height:auto;
			

			display:flex;
    			justify-content:space-between;
    			align-items:center;
    			gap:5%;
}
		
			}

		main.container .conteudo_geral#conteudo_01{
		
						
			}


		main.container .conteudo_geral#conteudo_02{
							
			background-color:#000;
			color:#FFF;  


			padding-left:15%;
			padding-right:15%;
			width:70%;  
			
			
         


			}

		main.container .conteudo_geral#conteudo_03{
			margin-bottom:0;

				
			}





/* aqui abaixo está relacionado à todas as imagens e textos pertencentes à conteúdo dentro de (main.container .conteudo_geral article)*/


			main.container .conteudo_geral article {

				position:relative;
				height:auto;
				width:40%;
			}

				main.container .conteudo_geral article img.logo_01{
					
					width:8rem;
					height:auto;

				}
				

				main.container .conteudo_geral article h1 {
					
					font-family: "Geist Pixel", sans-serif;
					color:#ffba00;
					font-size:4rem;
					margin:0;

				}

				main.container .conteudo_geral article h2 {
					
					font-family: "Geist Pixel", sans-serif;
					color:#666;
					font-size:2rem;
					margin:0;


				}


				main.container .conteudo_geral article p {

					
					
					color:#121212;
					font-size:1.5rem;
					margin-top:2rem;
					text-align: justify;
  					text-align-last: justify		


				}









			

/* aqui abaixo está relacionado à todas as imagens e textos pertencentes à conteúdo dentro de (main.container .conteudo_geral aside)*/


			main.container .conteudo_geral aside {

				position:relative;
				width:55%;
				height:auto;
			}

				main.container .conteudo_geral aside img.cont_img{
				
					width:100%;
					height:auto;


				}