@charset "utf-8";

@media screen and (max-width: 800px) {
	.banner__video{display:none}
	/*Sessão Topo*/
	header{
		width:100%;
		height:209px;
		background:url(../imagens/banner_toca_do_lp_mobile.jpg), #000000;
		background-repeat:no-repeat;
	}
	.info_top{
		width:50%;
		max-width:697px;
		position:absolute;
		right:15%;
		top:15px;
	}
	.logo_lp{
		width:85px;
		height:73px;
		background:url(../imagens/logo_toca_do_lp.png);
		background-size:contain;
		margin:auto;
	}
	.logo_leandro{
		width:100%;
		height:182px;
		background:url(../imagens/logo_leandro_pires.png);
		background-size:contain;
		background-repeat:no-repeat;
		margin:auto;
		margin-top:0px;
	}
	.video{
		display:none;
	}
	/*Sessão Contatos*/
	.contatos{
		width:100%;
		height:59px;
		background:#293044;
		position:absolut;
		top:209px;
	}
	.zap_but{
		width:125px;
		height:50px;
		background:url(../imagens/but_contato_zap.png);
		margin:-35px 0px 0px 0px;
		cursor:pointer;
		position:absolute;
		right:4px;
		top:248px;
	}
	.zap_but:hover{
		background:url(../imagens/but_contato_zap_2.png);
	}
	.dados_contato{display:none;}
	.dados_contato_mob{
		width:300px;
		color:white;
		text-align:right;
		position:absolute;
		top:215px;
		right:135px;
	}
	/*Sessão Toca do LP*/
	.video_mob{
		background:url(../imagens/CAPA.jpg);
		background-color:#5B5B5B;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.toca_do_lp{
		padding:40px 20px 0px 20px;
		margin-top:0px;
	}
	.logo_lop_lp{
		width:30%;
		max-width:430px;
		height:150px;
		background:url(../imagens/logo_lp_lp.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		margin:-50px auto 0px auto;
	}
	.quadro_servicos_lp{
		display:none;
	}
	.imagem{
		margin:auto;
		background-image:url(../imagens/icones_servicos.jpg);
		background-size:contain;
		background-position:center top;
		background-repeat:no-repeat;
		width:95%;
		height:80px;
	}
	.quadro_servico_mob{
		text-align:left;
		font-size:16px;
	}
	.texto_toca{
		clear:left;
		width:98%;
		margin:auto;
		margin-bottom:30px;
		padding-top:20px;
		text-align:left;
		font-size:16px;
	}
	.redes{
		width:100%;
		max-width:400px;
		height:73px;
		margin:auto;
	}
	.facebook_but{
		width:32%;
		max-width:129px;
		height:73px;
		background:url(../imagens/facebook.png);
		background-size:contain;
		background-repeat:no-repeat;
		float:left;
		margin:0px 2px 0px 2px;
		cursor:pointer;
		transition-property:all;
		transition-duration:.3s;
	}
	.facebook_but:hover{
		margin-top:-20px;
		transition-property:all;
		transition-duration:.3s;
	}
	.youtube_but{
		width:32%;
		max-width:129px;
		height:73px;
		background:url(../imagens/youtube.png);
		background-size:contain;
		background-repeat:no-repeat;
		float:left;
		margin:0px 2px 0px 2px;
		cursor:pointer;
		transition-property:all;
		transition-duration:.3s;
	}
	.youtube_but:hover{
		margin-top:-20px;
		transition-property:all;
		transition-duration:.3s;
	}
	.instagram_but{
		width:32%;
		max-width:129px;
		height:73px;
		background:url(../imagens/instagram.png);
		background-size:contain;
		background-repeat:no-repeat;
		float:left;
		margin:0px 2px 0px 2px;
		cursor:pointer;
		transition-property:all;
		transition-duration:.3s;
	}
	.instagram_but:hover{
		margin-top:-20px;
		transition-property:all;
		transition-duration:.3s;
	}
	/*Sessão Leandro Pires*/
	.baq_1{
		width:100%;
		height:auto;
	}
	.baq_2{
		width:100%;
		height:10px;
		clear:right;
	}
	.leandro_pires{
		width:100%;
		height:auto;
		background-color:black;
	}
	.logo_leandro_2{
		width:85%;
		height:182px;
		background-image:url(../imagens/logo_leandro_pires.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		margin:auto;
		margin-top:1%;
	}
	.foto_leandro{
		width:90%;
		height:auto;
		margin:auto;
	}
	.texto_leandro{
		width:89%;
		color:white;
		font-size:16px;
		text-align:left;
		margin:auto;
		margin-top:40px;
	}
	.redes_l{
		width:100%;
		max-width:400px;
		height:73px;
		margin:auto;
		clear:left;
	}
	.facebook_but_l{
		width:32%;
		max-width:129px;
		height:73px;
		background:url(../imagens/facebook.png);
		background-size:contain;
		background-repeat:no-repeat;
		float:left;
		margin:0px 2px 0px 2px;
		cursor:pointer;
		transition-property:all;
		transition-duration:.3s;
	}
	.facebook_but_l:hover{
		margin-top:-20px;
		transition-property:all;
		transition-duration:.3s;
	}
	.youtube_but_l{
		width:32%;
		max-width:129px;
		height:73px;
		background:url(../imagens/youtube.png);
		background-size:contain;
		background-repeat:no-repeat;
		float:left;
		margin:0px 2px 0px 2px;
		cursor:pointer;
		transition-property:all;
		transition-duration:.3s;
	}
	.youtube_but_l:hover{
		margin-top:-20px;
		transition-property:all;
		transition-duration:.3s;
	}
	.instagram_but_l{
		width:32%;
		max-width:129px;
		height:73px;
		background:url(../imagens/instagram.png);
		background-size:contain;
		background-repeat:no-repeat;
		float:left;
		margin:0px 2px 0px 2px;
		cursor:pointer;
		transition-property:all;
		transition-duration:.3s;
	}
	.instagram_but_l:hover{
		margin-top:-20px;
		transition-property:all;
		transition-duration:.3s;
	}
	/*Sessão Cursos*/
	.cursos{
		width:100%;
		height:auto;
	}
	.titulo_cursos{
		text-align:center;
		font-size:16px;
		margin-top:10px;
	}
	.imagem_titulo_curso{
		transform:scale(.8);
	}
	.curso_container{
		width:100%;
		height:auto;
	}
	
	/*Curso Fraseologia 1*/
	.texto_fraseologia{
		width:90%;
		max-width:900px;
		height:auto;
		margin:auto;
		font-size:16px;
		text-align:left;
	}
	.vid_fra{
		margin:auto;
		display:block;
		margin-top:20px;
		margin-bottom:20px;
	}
	.bot_comprar{
		width:292px;
		height:47px;
		background:url(../imagens/bot_comp_01.jpg);
		background-position:center;
		background-repeat:no-repeat;
		margin:auto;
		padding:10px;
		cursor:pointer;
		transition-property:all;
		transition-duration:.3s;
	}
	.bot_comprar:hover{
		background:url(../imagens/bot_comp_02.jpg);
		background-position:center;
		background-repeat:no-repeat;
		transition-property:all;
		transition-duration:.3s;
	}
	/*Sessão Rodapé*/
	.contatos2{
		width:100%;
		height:70px;
		background:#293044;
		display:block;
	}
	.zap_but2{
		width:125px;
		height:50px;
		background:url(../imagens/but_contato_zap.png);
		margin:-47px -130px 0px 0px;
		cursor:pointer;
		float:right;
		transition-property:all;
		transition-duration:.3s;
	}
	.zap_but2:hover{
		background:url(../imagens/but_contato_zap_2.png);
		transition-property:all;
		transition-duration:.3s;
	}
	.dados_contato2_mob a{
		display:block;
	}
	.dados_contato2{display:none;}
	.dados_contato2_mob{
		width:300px;
		height:30px;
		margin-top:17px;
		margin-right:135px;
		color:white;
		text-align:right;
		float:right;
		display:block;
	}
	footer{
		width:100%;
		height:110px;
		background:url(../imagens/rodape_image.jpg);
		background-position:top center;
	}
	.voltar{
		width:99px;
		height:96px;
		float:right;
		background:url(../imagens/voltar.png);
		opacity:.5;
		transition-property:all;
		transition-duration:.3s;
	}
	.voltar:hover{
		opacity:1;
		transition-property:all;
		transition-duration:.3s;
	}
	.direitos{
		width:65%;
		max-width:350px;
		height:20px;
		float:left;
		color:#bbbbbb;
		text-align:left;
		margin:40px 0px 0px 20px;
		font-size:12px;
	}
	.direitos a{
		text-decoration:none;
		color:#bbbbbb;
	}
	.direitos a:hover{
		text-decoration:none;
		color:#bbbbbb;
		font-weight:bolder;
	}
}