/*===========================
  sub-footer
============================ */
/*.sub-footer .copy a {          letras del sub-footer de la direccion de la iglesa 
    display: flex;
    flex-wrap: wrap;
    color:rgb(65, 255, 90);
    font-size:16px;
    text-align: center;
}*/

#footer .copy a:hover {        /*  letras del sub-footer de la direccion de la iglesa al pasar el cursor por arriba*/ 
	color:rgb(255, 251, 1);
	font-size:16px;
}


#footer{
	padding: 20px 0px;
	background: #271000;
	text-align: center
}

.container {
  width: 1170px;
}
.span12 {
  width: 1170px;
}



/*===========================
  blog
============================ */
#blog h3, h4 {
    text-align: center;
}

#blog .contenedor { /* ajustes al contenedor que esta dentro de blog */
    display: flex; /* para que los articulos que estan dentro de contenedor sean cajas flexibles */
    justify-content: center;
    flex-wrap: wrap; /* para que ademas de ser flexible se ubiquen donde mejor quepa dentro de contenedor */
}

#blog article { /* ajustes de los articles que estan dentro de blog */
    margin: 15px; /* espacio entre articulos dentro de blog */
}

#blog img {
    width: 100%;
    max-width: 280%;
}

#blog iframe {
    width: 50%;
}






@media (min-width: 1200px) {

    .row {
      margin-left: -30px;
      *zoom: 1;
    }

    .row:before,
    .row:after {
      display: table;
      content: "";
      line-height: 0;
    }

    .row:after {
      clear: both;
    }

    [class*="span"] {
      float: left;
      min-height: 1px;
      margin-left: 30px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
      width: 1170px;
    }

    .span12 {
      width: 1170px;
    }

    .row-fluid .span12 {
      width: 100%;
      *width: 99.94680851063829%;
    }

    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
      width: 1156px;
    }
 
  }


  @media (min-width: 768px) and (max-width: 979px) {
    .row {
      margin-left: -20px;
      *zoom: 1;
    }

    .row:before,
    .row:after {
      display: table;
      content: "";
      line-height: 0;
    }

    .row:after {
      clear: both;
    }

    [class*="span"] {
      float: left;
      min-height: 1px;
      margin-left: 20px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
      width: 724px;
    }

    .span12 {
      width: 724px;
    }

    .row-fluid .span12 {
      width: 100%;
      *width: 99.94680851063829%;
    }

    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
      width: 710px;
    }

  }


  @media (max-width: 767px) {
 
    .container {
      width: auto;
    }
 
    .row,
    .thumbnails {
      margin-left: 0;
    }

    .span12,
    .row-fluid .span12 {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

  }