html {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
color:#333;
}
body {
background:#fff;
margin: 0px ;
}

header {
  width:100%;
  padding-top:3px;
  padding-bottom:3px;
  margin: 0% auto;
  font-size:25px;
  color:#fff;
  background:#000;
}

.contenedor {
padding:0% 1% 1% 1%;
text-align:center;}

h1{font-size:22px;margin:0% ;padding:0%;text-align: left;}
h2{font-size:2px;line-height:40px;margin:0px 0 16px 0;padding:1%;color:#FF6600;}
h3{font-size:25px;line-height:30px;margin:16px 0 16px 0;padding:0px 5px ;color:#2A338F;}
h4{font-size:17px;line-height:30px;margin:16px 0 16px 0;padding:0px 5px;font-family: 'Montserrat', sans-serif;}

p {text-align:left;}

section {
width: 100%;
display: inline-block;
vertical-align:top;
margin-top:1%;
margin-left:0%;
margin-bottom:1%;
padding: 0px 1px 10px 1px;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px ;
border-radius: 5px ;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

article{width:31%;
margin:1%;
padding:1%;
display: inline-block ;
vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

}

article.movil {display: none;}

article a {
  color:#434955;
  text-decoration: none;
}

article a:hover {
	color: #7F969F;
	text-decoration:none;
}

.content-rep {
  width:220px;
  height:220px;
  background:#000;
  margin:5px auto;
  padding:5px;
  -webkit-border-radius: 50% ;
  -moz-border-radius: 50% ;
  border-radius: 50% ;
  display: flex;
  align-items: center;
  box-shadow: 0 20px 20px -20px #000;
  }
  
  .rep {
  width:100px;
  height:141px;
  margin:auto;
  }

.redes {
  width:20%;
  font-size: 10px;
  margin:0%;
  display: inline-block ;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  vertical-align: middle;
  }
  
.redes p{ text-align:center;}

.iglesia {
width:80%;
margin:1%;
display: inline-block ;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.red {font-size: 20px;}

  .rotar
    { 
      -webkit-transform: rotate(-2deg); 
      -moz-transform: rotate(-2deg); 
      -ms-transform: rotate(-2deg); 
      -o-transform: rotate(-2deg); 
      transform: rotate(-2deg); 
      
      position: relative; 
      top: -25px; 

    }


img{
max-width:100%;
height:auto;
border:0;
}

a img {border: none;}

.centro{text-align: center;}

@media screen and (max-width:767px ) {

section {margin-top:3%;}
	
article{width:95%;}
	
article.web {
    display:none; 
}

article.movil {display: inline-block ;}

.iglesia {
  width:90%;
  }

}


footer {
font-family: 'Montserrat', sans-serif;
background:#000;
font-size:16px;
color:#f3f3f3;
margin-top:0%;
padding:8px;
clear:both;
position:relative;
}

footer p { text-align:center;}

footer a {color:#999;text-decoration: none;}

footer a:hover {
	color:#999;
	text-decoration:none;
}