*{
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
/*font-weight: bold;*/
font-size: 15px;
}
a  {
text-decoration: none}

body{
background-color: #ffffff
}

h1,h2,h3,h4,h5,h6,h7{
font-family: 'Anton', sans-serif;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 25px;
}

h3 {
font-size: 20px;
}
h4 {
font-size: 17px;
}
h5 {
font-size: 15px;
}
p {
font-size: 15px;
}


.2col {
background-color: red;
}

.topo {

  color: #ffffff !important;

}
#topo{
//display: grid;
/*width:100%;*/
background-color: linear-gradient(to bottom, #000000, #222A32);
grid-template-columns: 1fr minmax(70%, auto) 1fr;
-ms-grid-columns: 1fr minmax(70%, auto) 1fr;
font-family: 'Anton', sans-serif;

}
#logo {
width:70px;
padding:10px;
}
#topo img {
width:70px;
padding-top:10px;
}
.menu {
background-color: #222A32;
height:7em;
/*margin: 0.5em;*/
}
#titulo {
font-family: 'Anton', sans-serif;
font-size: 25px;
color:#ffffff;
padding:10px;
}
#titulo2 {
background-color:#ffffff;
font-family: 'Anton', sans-serif;
font-weight: bold;
font-size: 32px;
color:#000000;
padding:5px;
}
#titulo3 {
background-color:#FFBF24;
font-family: 'Anton', sans-serif;
font-weight: bold;
font-size: 32px;
color:#000000;
padding:6px;
}
#titulo4 {

font-family: 'Anton', sans-serif;
font-weight: bold;
font-size: 32px;
color:#000000;
padding:10px;
}
#titulo4 .titulo4 {
background-color:#12B7B5;
font-weight: bold;
font-size: 32px;
color:#000000;

height:50px;


height: 35px;
}
#titulo5 {
background-color:#F1F1F1;



}

#titulo5 .titulo5 {
background-color:#505B64;
font-family: 'Roboto', sans-serif;
color:#000000;

//height: 25px;
}
#titulo6 {
background-color:#f7f7f7;
margin-left:10px;
padding:5px
}
#titulo6:hover {
border-width:2px;
 border-style: solid;
 border-color: #000000;
padding:3px;
}
#titulo6 .h5{

font-family: Calibri, sans-serif;
color:blue;
height: 25px;
}
#linha0 {
background-color:#12B7B5;
height:5px;
}
#publicacoes {
margin:0px;
width:100%;
background-color: #ffffff /*#222A32*/;
overflow: hidden;
}
#texto {
font-family: 'Anton', sans-serif;
font-size: 12px;
color:#000000;
padding:10px;
}



/*######### mobile#####*/
.grid {
display:grid;
grid-gap: 10px;
background-color:#191919;

grid-template-columns: repeat(2, 1fr);
-ms-grid-columns: repeat(2, 1fr);

}
#destaque {
width:100%;
height: auto;
max-height: 15rem;
background-color: #5CACEB;
overflow: hidden;
}


#destaque img{
 width:100%;
    position: relative;  
    overflow: hidden;  
    top: 50%;  
    left: 50%;  
    -webkit-transform: translate(-50%,0);  
    -moz-transform: translate(-50%,0);  
    -ms-transform: translate(-50%,0);  
    -o-transform: translate(-50%,0);  
    transform: translate(-50%,0);  

}
.fundo0:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -2;
background-image: url('/upload/batismo1.jpg');
  display: block;
  height:100%;
width:auto;
max-height:100%;
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
overflow:hidden;
}

.fundo0 {

position: absolute;
  /*position: fixed;*/
  left: 0;
  right: 0;
  z-index: -1;
  margin-left: 0px;
  margin-right: 0px;
 height:100%;
width:auto;
max-height:100%;

overflow:hidden;
}

.fundo1
background-image: url('/upload/batismo1.jpg');
}
.fundo2
background-image: url('/upload/celula.jpg');
}

.capa0 {
height: 10em;
max-height: 10em;

}



.capafundo0:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
/*background-image: url('/publicacoes/upload/retirojovens2018.jpeg');*/
background-size: auto 9em;
  display: block;
  height:10em;
width:100%;
max-height:10em;
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
overflow:hidden;
}

.capafundo0 {
  /*position: fixed;*/
  left: 0;
  right: 0;
  z-index: 0;
  margin-left: 0px;
  margin-right: 0px;
 height:10em;
max-height:10em;

overflow:hidden;
}



.capaevento {
 background-size: auto 100%; 
 background-position:center; 
 width:100%;
 height:70%;
 max-height:500px;
}



.capa {
height: 10em;
max-height: 10em;

}

.capafundo:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
/*background-image: url('/publicacoes/upload/retirojovens2018.jpeg');*/
  display: block;
  height:9em;
width:100%;
max-height:10em;
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  -ms-filter: blur(50px);
  filter: blur(50px);
overflow:hidden;
}

.capafundo {
  /*position: fixed;*/
  left: 0;
  right: 0;
  z-index: 0;
  margin-left: 0px;
  margin-right: 0px;
 height:10em;
max-height:10em;

overflow:hidden;
}

.evento{
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
/*font-weight: bold;*/
font-size: 15px;
}
.evento a  {
text-decoration: none}



.evento h1,h2,h3,h4,h5,h6,h7{
font-family: 'Anton', sans-serif!important;
}
.evento h1 {
font-size: 32px!important;
}

.evento h4 {
font-size: 17px!important;
}



#pub1{
grid-column: span 2;


}
#pub2{
grid-auto-columns: 1fr;


}
#pub3{
grid-column: span 2;


}
#pub4{
grid-column: span 2;


}
#contato{
grid-column: span 2;
text-align:center;
align:center
}

/*######### MEDIA SCREEN##########*/
@media screen and (min-width: 640px){
.grid {
grid-template-columns: repeat(3, 1fr);
-ms-grid-columns:repeat(3, 1fr);
}
#topo {

grid-template-columns: 20% 70% 10%;
-ms-grid-columns: 20% 70% 10%;
}
}


@media screen and (min-width: 960px){
.grid {
grid-template-columns: repeat(7, 1fr);
-ms-grid-columns: repeat(7, 1fr);
grid-template-rows: repeat(1, minmax(auto, auto));
}

#logo {
width:110px;
padding:15px;
}
#topo img {
width:100px;
padding:10px;
}
#titulo {
font-weight: bold;
font-size: 32px;
padding:15px;
}
#destaque {
width:100%;
height: auto;
max-height: 20rem;
background-color: #5CACEB;
overflow: hidden;
}


#destaque img{
 width:100%;
    position: relative;  
    overflow: hidden;  
    top: 75%;  
    left: 50%;  
    -webkit-transform: translate(-50%,-30%);  
    -moz-transform: translate(-50%,-30%);  
    -ms-transform: translate(-50%,-30%);  
    -o-transform: translate(-50%,-30%);  
    transform: translate(-50%,-20%);  

}
#pub1{
grid-column: 1/3;
grid-row: 1/3;

}
#pub2{
grid-row: 1/3;

}
#pub3{
grid-column: 7/7;
grid-row: 1/3;
background-color:#F7F7F7;

}


#contato {
grid-column: 1/8;
}
.capa0 {
height: 25em;
max-height:25em;
width:100%;
}

.capafundo0:before {
height:25em;
max-height:25em;
overflow:hidden;
background-size: auto 25em;
}

.capafundo0 {
height:15em;
max-height:15em;
overflow:hidden;
}

.capaevento {
height: 500px;
max-height:500px;
width:100%;
}




.capa {
height: 12em;
max-height:12em;
width:auto;
}
.capafundo:before {
height:12em;
max-height:12em;
overflow:hidden;
background-size: auto 12em;
}

.capafundo {
height:12em;
max-height:12em;
overflow:hidden;
}

.menu {
height:7em;
}

}








#linha {
height:5px;
}


#pub1{

background-color:rgba(255,255,255,0.95);
}

#pub2{
background-color:#505B64;
background-color:rgba(255,255,255,0.95);
}

#pub3{
background-color:#F7F7F7;

}

#pub1:hover{
background-color:#e8e8e8;
}

#pub2:hover{
background-color:#e8e8e8;
}

#pub4{
margin auto auto;
background-color:#ffffff;
text-align:center;
align:center;
height: 90px;
margin: 15px;
overflow:hidden;
}
#botao1{
margin auto auto;
align:center;
text-align:center;
height: 70px;
width: 100px;
overflow:hidden;
}
#pub4 p{
margim: auto auto;




}

#pub4 img{
 width:100%;
    position: relative;  
    overflow: hidden;  
    top: 50%;  
    left: 50%;  
    -webkit-transform: translate(-50%,-50%);  
    -moz-transform: translate(-50%,-50%);  
    -ms-transform: translate(-50%,-50%);  
    -o-transform: translate(-50%,-50%);  
    transform: translate(-50%,-50%);  

}

#pub1 img{
width:100%;
height: auto;
top: -50%;
}
#pub2 img{
width:100%;
height: auto;
top: -50%;
}
#contato {
background-color:#222A32;
background-color:#191919;
color:#CCCCCC;
}