@charset "utf-8";
/* ========================= PARA DESKTOPS (1400px ou mais) ========================= */
@media screen and (min-width:1401px){
.conteudo_igreja{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_fotos0{width: 80%; margin-left: 10%; display: flex; margin-top: 10px; justify-content: space-around;}
.conteudo_fotos0_0{width: 50%; text-align: center; font-size: 0.8em;}
.conteudo_fotos0_1{width: 50%; text-align: center; font-size: 0.8em;}
.foto0{max-width: 300px; max-height: 300px; border-radius: 12px;}
.conteudo_fotos1{width: 80%; margin-left: 10%; display: flex; margin-top: 10px;}
.conteudo_fotos1_0{width: 38%; text-align: right; font-size: 0.8em;}
.conteudo_fotos1_1{width: 60%; flex-grow: 1; text-align: left; font-size: 0.8em; margin-left: 1%;}
.foto1{max-width: 400px; max-height: 400px; border-radius: 12px;}
.foto2{max-width: 100%; max-height: 400px; border-radius: 12px;}
.conteudo_localizacao{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_agenda{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_ministerios{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_fotos0_2{width: 80%; margin-left: 10%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.foto3{max-width: 80%; border-radius: 12px;}
.conteudo_projetos{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px; margin-bottom: 80px;}
}
/* ========================= PARA DESKTOPS (1400px até 961px) ========================= */
@media screen and (max-width:1400px){
.conteudo_igreja{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_fotos0{width: 80%; margin-left: 10%; display: flex; margin-top: 10px; justify-content: space-around;}
.conteudo_fotos0_0{width: 50%; text-align: center; font-size: 0.8em;}
.conteudo_fotos0_1{width: 50%; text-align: center; font-size: 0.8em;}
.foto0{max-width: 300px; max-height: 300px; border-radius: 12px;}
.conteudo_fotos1{width: 80%; margin-left: 10%; display: flex; margin-top: 10px;}
.conteudo_fotos1_0{width: 38%; text-align: right; font-size: 0.8em;}
.conteudo_fotos1_1{width: 60%; flex-grow: 1; text-align: left; font-size: 0.8em; margin-left: 1%;}
.foto1{max-width: 100%; border-radius: 12px;}
.foto2{max-width: 100%; border-radius: 12px;}
.conteudo_localizacao{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_agenda{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_ministerios{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_fotos0_2{width: 80%; margin-left: 10%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.foto3{max-width: 80%; border-radius: 12px;}
.conteudo_projetos{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px; margin-bottom: 80px;}
}
/* ========================= PARA TABLET EM PAISAGEM (960px até 769px) ========================= */
@media screen and (max-width:960px){
.conteudo_igreja{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_fotos0{width: 80%; margin-left: 10%; display: flex; margin-top: 10px; justify-content: space-around;}
.conteudo_fotos0_0{width: 50%; text-align: center; font-size: 0.8em;}
.conteudo_fotos0_1{width: 50%; text-align: center; font-size: 0.8em;}
.foto0{max-width: 300px; max-height: 300px; border-radius: 12px;}
.conteudo_fotos1{width: 80%; margin-left: 10%; display: flex; margin-top: 10px;}
.conteudo_fotos1_0{width: 38%; text-align: right; font-size: 0.8em;}
.conteudo_fotos1_1{width: 60%; flex-grow: 1; text-align: left; font-size: 0.8em; margin-left: 1%;}
.foto1{max-width: 100%; border-radius: 12px;}
.foto2{max-width: 100%; border-radius: 12px;}
.conteudo_localizacao{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_agenda{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_ministerios{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_fotos0_2{width: 80%; margin-left: 10%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.foto3{max-width: 80%; border-radius: 12px;}
.conteudo_projetos{width: 80%; margin-left: 10%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px; margin-bottom: 80px;}
}
/* ========================= PARA TABLET EM RETRATO (768px até 481px) ========================= */
@media screen and (max-width:768px){
.conteudo_igreja{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_fotos0{width: 98%; margin-left: 1%; display: flex; margin-top: 10px; justify-content: space-around;}
.conteudo_fotos0_0{width: 50%; text-align: center; font-size: 0.8em;}
.conteudo_fotos0_1{width: 50%; text-align: center; font-size: 0.8em;}
.foto0{max-width: 98%; max-height: 98%; border-radius: 12px;}
.conteudo_fotos1{width: 98%; margin-left: 1%; display: flex; margin-top: 10px; flex-wrap: wrap; justify-content: center;}
.conteudo_fotos1_0{width: 100%; max-width: 300px; text-align: center; font-size: 0.8em;}
.conteudo_fotos1_1{width: 98%; text-align: center; font-size: 0.8em; margin-left: 0%;}
.foto1{max-width: 100%; border-radius: 12px;}
.foto2{max-width: 100%; border-radius: 12px;}
.conteudo_localizacao{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_agenda{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_ministerios{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_fotos0_2{width: 98%; margin-left: 1%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.foto3{max-width: 98%; border-radius: 12px;}
.conteudo_projetos{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px; margin-bottom: 80px;}
}
/* ========================= PARA SMARTPHONES EM PAISAGEM (480px até 321) ========================= */
@media screen and (max-width:480px){
.conteudo_igreja{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_fotos0{width: 98%; margin-left: 1%; display: flex; margin-top: 10px; justify-content: space-around;}
.conteudo_fotos0_0{width: 50%; text-align: center; font-size: 0.8em;}
.conteudo_fotos0_1{width: 50%; text-align: center; font-size: 0.8em;}
.foto0{max-width: 98%; max-height: 98%; border-radius: 12px;}
.conteudo_fotos1{width: 98%; margin-left: 1%; display: flex; margin-top: 10px; flex-wrap: wrap; justify-content: center;}
.conteudo_fotos1_0{width: 100%; max-width: 300px; text-align: center; font-size: 0.8em;}
.conteudo_fotos1_1{width: 98%; text-align: center; font-size: 0.8em; margin-left: 0%;}
.foto1{max-width: 100%; border-radius: 12px;}
.foto2{max-width: 100%; border-radius: 12px;}
.conteudo_localizacao{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_agenda{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_ministerios{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_fotos0_2{width: 98%; margin-left: 1%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.foto3{max-width: 98%; border-radius: 12px;}
.conteudo_projetos{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px; margin-bottom: 80px;}   
}
/* ========================= PARA SMARTPHONES EM RETRATO (320px ou menos) ========================= */
@media screen and (max-width:320px){
.conteudo_igreja{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em;}
.conteudo_fotos0{width: 98%; margin-left: 1%; display: flex; margin-top: 10px; justify-content: space-around;}
.conteudo_fotos0_0{width: 50%; text-align: center; font-size: 0.8em;}
.conteudo_fotos0_1{width: 50%; text-align: center; font-size: 0.8em;}
.foto0{max-width: 98%; max-height: 98%; border-radius: 12px;}
.conteudo_fotos1{width: 98%; margin-left: 1%; display: flex; margin-top: 10px; flex-wrap: wrap; justify-content: center;}
.conteudo_fotos1_0{width: 100%; max-width: 300px; text-align: center; font-size: 0.8em;}
.conteudo_fotos1_1{width: 98%; text-align: center; font-size: 0.8em; margin-left: 0%;}
.foto1{max-width: 100%; border-radius: 12px;}
.foto2{max-width: 100%; border-radius: 12px;}
.conteudo_localizacao{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_agenda{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_ministerios{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.conteudo_fotos0_2{width: 98%; margin-left: 1%; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px;}
.foto3{max-width: 98%; border-radius: 12px;}
.conteudo_projetos{width: 98%; margin-left: 1%; background: #FFF; padding: 10px 0 10px 0; text-align: center; font-size: 1.1em; margin-top: 10px; margin-bottom: 80px;}      
}