@charset "utf-8";
body{
	margin:0px;
	font-family: 'Quicksand', sans-serif;
}
img{
	margin:0px;
	padding:0px;
}

@media screen and (min-width: 801px) {
	/*Sessão Topo*/
	header{
		width:100%;
		height:807px;
		background:url(../imagens/banner_top_toca_do_lp_leandro_pires.jpg);
	}
	.info_top{
		width:40%;
		max-width:697px;
		position:absolute;
		right:15%;
		top:74px;
	}
	.logo_lp{
		width:158px;
		height:138px;
		background:url(../imagens/logo_toca_do_lp.png);
		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:50px;
	}
	.video{
		transform:scale(0.75);
	}
	/*Sessão Contatos*/
	.contatos{
		width:100%;
		height:70px;
		background:#293044;
		position:absolute;
		top:807px;
	}
	.zap_but{
		width:125px;
		height:50px;
		background:url(../imagens/but_contato_zap.png);
		margin:-35px 7px 0px 0px;
		cursor:pointer;
		position:absolute;
		right:5px;
		top:45px;
		transition-property:all;
		transition-duration:.3s;
	}
	.zap_but:hover{
		background:url(../imagens/but_contato_zap_2.png);
		transition-property:all;
		transition-duration:.3s;
	}
	.dados_contato_mob{display:none;}
	.dados_contato{
		width:500px;
		color:white;
		text-align:right;
		position:absolute;
		top:25px;
		right:145px;
	}
	/*Sessão Toca do LP*/
	.video_mob{
		display:none;
	}
	.toca_do_lp{
		width:100%;
		height:auto;
		padding:40px 0px 0px 0px;
		margin-top:69px;
	}
	.logo_lop_lp{
		width:24%;
		height:290px;
		background:url(../imagens/logo_lp_lp.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		margin:35px 30px 20px 8%;
		float:left;
	}
	.quadro_servico_mob{
		display:none;
	}
	.quadro_servicos_lp{
		width:61%;
		float:right;
		margin:10px 1% 0px 0px;
	}
	.servico{
		width:26%;
		float:left;
		margin:2.5%;
		text-align:left;
		font-size:16px;
	}
	.ico_d_school{
		width:100%;
		max-width:249px;
		height:137px;
		margin:auto;
		background:url(../imagens/icon_drum_schoool.jpg);
		background-size:contain;
		background-repeat:no-repeat;
	}
	.prod{
		width:100%;
		max-width:249px;
		height:137px;
		margin:auto;
		background:url(../imagens/icon_productions.jpg);
		background-size:contain;
		background-repeat:no-repeat;
	}
	.std{
		width:100%;
		max-width:249px;
		height:137px;
		margin:auto;
		background:url(../imagens/icon_studio.jpg);
		background-size:contain;
		background-repeat:no-repeat;
	}
	.texto_toca{
		clear:both;
		width:85%;
		margin:auto;
		margin-bottom:40px;
		padding-top:20px;
		text-align:justify;
		font-size:16px;
	}
	.redes{
		width:555px;
		height:101px;
		margin:auto;
	}
	.facebook_but{
		width:181px;
		height:101px;
		background:url(../imagens/facebook.png);
		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:181px;
		height:101px;
		background:url(../imagens/youtube.png);
		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:181px;
		height:101px;
		background:url(../imagens/instagram.png);
		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:20px;
		clear:right;
	}
	.leandro_pires{
		width:100%;
		height:auto;
		background-color:black;
		padding-bottom:0px;
	}
	.logo_leandro_2{
		width:40%;
		height:182px;
		background-image:url(../imagens/logo_leandro_pires.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		float:left;
		margin-left:7%;
		margin-top:5%;
	}
	.foto_leandro{
		width:50%;
		height:756px;
		background-image:url(../imagens/foto_leandro.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		background-position:bottom;
		margin-top:-2.5%;
		float:right;
	}
	.foto_mob{display:none;}
	.texto_leandro{
		width:40%;
		color:white;
		font-size:16px;
		text-align:justify;
		float:left;
		margin-left:7%;
		margin-top:5%;
	}
	
	.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;
	}
	.curso_container{
		width:100%;
		height:auto;
	}
	
	/*Curso Fraseologia 1*/
	.texto_fraseologia{
		width:90%;
		max-width:900px;
		height:auto;
		margin:auto;
		font-size:18px;
		text-align:justify;
	}
	.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:-35px -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{display:none;}
	.dados_contato2 a{
		display:block;
	}
	.dados_contato2{
		width:400px;
		height:30px;
		margin-top:25px;
		margin-right:135px;
		color:white;
		text-align:right;
		float:right;
		display:block;
	}
	footer{
		width:100%;
		height:180px;
		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:600px;
		height:20px;
		float:left;
		color:#bbbbbb;
		text-align:left;
		margin:130px 0px 0px 20px;
		font-size:14px;
	}
	.direitos a{
		text-decoration:none;
		color:#bbbbbb;
	}
	.direitos a:hover{
		text-decoration:none;
		color:#bbbbbb;
		font-weight:bolder;
	}
}