@charset "utf-8";
/* ========================= PARA DESKTOPS (1400px ou mais) ========================= */
@media screen and (min-width:1401px){
.conteudo_quemsomos_txt{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_quemsomos_nome{width: 30%; margin-left: 35%; margin-right: 35%; margin-top: 10px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_pedido{width: 30%; margin-left: 35%; margin-right: 35%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_contato{width: 30%; margin-left: 35%; margin-right: 35%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_enviar{width: 30%; margin-left: 35%; margin-right: 35%; margin-top: 5px; padding: 5px 0 5px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.nome{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.nome:focus{box-shadow:#999 2px 3px 6px 2px;}
.pedido{width: 90%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.pedido:focus{box-shadow:#999 2px 3px 6px 2px;}
.telefone{width: 60%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.telefone:focus{box-shadow:#999 2px 3px 6px 2px;}
.enviar{width: 30%; border:none; background: #27aae1; color: #FFF; padding: 10px 0px 10px 0px; border-radius:12px; font-weight: 800; cursor: pointer; margin-top: 15px;}	
.enviar:hover{background: #007aa3;}
.conteudo_quemsomos_versiculo{width: 80%; margin-left: 10%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.confirmacao{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; display: none;}
}
/* ========================= PARA DESKTOPS (1400px até 961px) ========================= */
@media screen and (max-width:1400px){
.conteudo_quemsomos_txt{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_quemsomos_nome{width: 50%; margin-left: 25%; margin-right: 25%; margin-top: 10px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_pedido{width: 50%; margin-left: 25%; margin-right: 25%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_contato{width: 50%; margin-left: 25%; margin-right: 25%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_enviar{width: 50%; margin-left: 25%; margin-right: 25%; margin-top: 5px; padding: 5px 0 5px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.nome{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.nome:focus{box-shadow:#999 2px 3px 6px 2px;}
.pedido{width: 90%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.pedido:focus{box-shadow:#999 2px 3px 6px 2px;}
.telefone{width: 60%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.telefone:focus{box-shadow:#999 2px 3px 6px 2px;}
.enviar{width: 30%; border:none; background: #27aae1; color: #FFF; padding: 10px 0px 10px 0px; border-radius:12px; font-weight: 800; cursor: pointer; margin-top: 15px;}	
.enviar:hover{background: #007aa3;}
.conteudo_quemsomos_versiculo{width: 80%; margin-left: 10%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.confirmacao{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; display: none;}
}
/* ========================= PARA TABLET EM PAISAGEM (960px até 769px) ========================= */
@media screen and (max-width:960px){
.conteudo_quemsomos_txt{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_quemsomos_nome{width: 60%; margin-left: 20%; margin-right: 20%; margin-top: 10px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_pedido{width: 60%; margin-left: 20%; margin-right: 20%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_contato{width: 60%; margin-left: 20%; margin-right: 20%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_enviar{width: 60%; margin-left: 20%; margin-right: 20%; margin-top: 5px; padding: 5px 0 5px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.nome{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.nome:focus{box-shadow:#999 2px 3px 6px 2px;}
.pedido{width: 90%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.pedido:focus{box-shadow:#999 2px 3px 6px 2px;}
.telefone{width: 60%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.telefone:focus{box-shadow:#999 2px 3px 6px 2px;}
.enviar{width: 30%; border:none; background: #27aae1; color: #FFF; padding: 10px 0px 10px 0px; border-radius:12px; font-weight: 800; cursor: pointer; margin-top: 15px;}	
.enviar:hover{background: #007aa3;}
.conteudo_quemsomos_versiculo{width: 90%; margin-left: 5%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.confirmacao{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; display: none;}
}
/* ========================= PARA TABLET EM RETRATO (768px até 481px) ========================= */
@media screen and (max-width:768px){
.conteudo_quemsomos_txt{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_quemsomos_nome{width: 90%; margin-left: 10%; margin-right: 10%; margin-top: 10px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_pedido{width: 90%; margin-left: 10%; margin-right: 10%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_contato{width: 90%; margin-left: 10%; margin-right: 10%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_enviar{width: 90%; margin-left: 10%; margin-right: 10%; margin-top: 5px; padding: 5px 0 5px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.nome{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.nome:focus{box-shadow:#999 2px 3px 6px 2px;}
.pedido{width: 90%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.pedido:focus{box-shadow:#999 2px 3px 6px 2px;}
.telefone{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.telefone:focus{box-shadow:#999 2px 3px 6px 2px;}
.enviar{width: 30%; border:none; background: #27aae1; color: #FFF; padding: 10px 0px 10px 0px; border-radius:12px; font-weight: 800; cursor: pointer; margin-top: 15px;}	
.enviar:hover{background: #007aa3;}
.conteudo_quemsomos_versiculo{width: 98%; margin-left: 1%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}    
.confirmacao{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; display: none;}
}
/* ========================= PARA SMARTPHONES EM PAISAGEM (480px até 321) ========================= */
@media screen and (max-width:480px){
.conteudo_quemsomos_txt{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_quemsomos_nome{width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 10px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_pedido{width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_contato{width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_enviar{width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 5px; padding: 5px 0 5px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.nome{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.nome:focus{box-shadow:#999 2px 3px 6px 2px;}
.pedido{width: 98%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.pedido:focus{box-shadow:#999 2px 3px 6px 2px;}
.telefone{width: 60%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.telefone:focus{box-shadow:#999 2px 3px 6px 2px;}
.enviar{width: 40%; border:none; background: #27aae1; color: #FFF; padding: 10px 0px 10px 0px; border-radius:12px; font-weight: 800; cursor: pointer; margin-top: 15px;}	
.enviar:hover{background: #007aa3;}
.conteudo_quemsomos_versiculo{width: 98%; margin-left: 1%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;} 
.confirmacao{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; display: none;}
}
/* ========================= PARA SMARTPHONES EM RETRATO (320px ou menos) ========================= */
@media screen and (max-width:320px){
.conteudo_quemsomos_txt{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_quemsomos_nome{width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 10px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_pedido{width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_contato{width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 5px; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.conteudo_quemsomos_enviar{width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 5px; padding: 5px 0 5px 0; text-align: center; font-size: 1.1em; border-radius: 12px;}
.nome{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.nome:focus{box-shadow:#999 2px 3px 6px 2px;}
.pedido{width: 98%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.pedido:focus{box-shadow:#999 2px 3px 6px 2px;}
.telefone{width: 60%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC; margin-left: 10px;}
.telefone:focus{box-shadow:#999 2px 3px 6px 2px;}
.enviar{width: 40%; border:none; background: #27aae1; color: #FFF; padding: 10px 0px 10px 0px; border-radius:12px; font-weight: 800; cursor: pointer; margin-top: 15px;}	
.enviar:hover{background: #007aa3;}
.conteudo_quemsomos_versiculo{width: 98%; margin-left: 1%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;} 
.confirmacao{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; display: none;}    
}