b@media screen and (max-width: 1580px){
     /*estilos para el menu*/
     .menu li li a {
        font-size: 12px;
     }
    /* estilos para el calendario para portatiles*/
    .calendario{
        width: 100%;
        height: 750px;
    }
    .container{
        padding-top: 35px;
    }
    .calendario-obispo iframe{
        width: 100%;
        height: 675px;        
    }    
    /*estilos para la pagina de la historea*/
    .linea-tiempo {      
        height: 2650px;       
        }
}
/*estilos para las pantallas del celulares*/
@media screen and (max-width: 978px){
    #titulos{
        text-align: center;
        list-style: none;
        text-decoration: none;
        font-size: 15px;
        font-family: algerian;
        color: black;
        text-shadow: 0px 0px 2px black;
        transition: 0.9s ease-in-out;
        box-shadow: 0 0px 0px rgba(0,0,0,0.2);
    }
    nav{
        background: #fff;
        position:  fixed;
        margin: 0;
        width: 100%;
        height:100px;
        left: -100%;
    }
    .header{
       position: sticky;
       left: 0;
       top: 0;
       right: 0;
       z-index: 1000;
       box-shadow: 10px 10px 20px 20px rgba(255, 214, 0,0.2);
       width: 100%;
    }
    .menu{
        display:  block;
        padding:0;
        list-style:none;
        width: 100%;
        background:#c1c1c1;
        border: 0px solid rgba(0,0,0,0.8);
    }
    .menu li a{
        display: block;
        border-bottom: 1px solid rgba(0,0,0, 0.2);
        border-top: 1px solid rgba(255,255,255, 0.2);
        background:#fcbf1e;
        text-decoration:none;
        color:#FFF;
        text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
        filter: dropshadow(color=#000, offx=1, offy=0);
        padding:10px;
        padding-left:20px;
    }
    .menu li ul li a{
        color:#47689d;
        text-shadow: 1px 0px 1px rgba(255,255,255,0.5);
    }
    .menu li a:hover{
        background:#4a6ba2;
        transition: background 0.3s ease-in;
        -webkit-transition: background 0.3s ease-in;
        -o-transition: background 0.3s ease-in;
    }
    nav li{
       position:  relative;
       line-height: 0.5rem;
    }
    nav li ul{
       position: relative;
       width: 100%;
    }
    .menu ul{
        margin:0;
        padding:0;
        list-style:none;
        height:0;
        overflow: hidden;
        transition:1s;
        -moz-transition:1s;
        -webkit-transition:1s;
    }
    .menu li:hover > ul{
        height: auto;
        overflow: visible;
    }
    .menu ul li a{
        background:#fafafa;
    }
    .menu ul li a:hover {
        background: none repeat scroll 0 0 #ccc;
        color: #fff;
        transition: color 0.4s ease;
        -webkit-transition: color 0.4s ease;
        -o-transition: color 0.4s ease;
    }
    nav ul ul ul{
        left: 0;
        top: 0;
        width: 100%;
    }
    .btn-menu{
        display:  block;
        background: rgba(41,121,255.2);
        color: #fff;
        font-size: 20px;
    }
    .icon-menu{
        padding-left: 70%;
    }
    /*estilos para la cabecera*/
    .cabecera-escudo img{
        width: 100px;
        max-height: 150px;
        height: 120px;
        padding-top: 30px;
        padding-left: 20px;
        transition: 0.5s ease-in-out;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    }
    .cabecera-nomredes{
        width: 70%;
        display: block;
    }
    .nomredes-nombre, .nomredes-redes{
        width: 100%;    
       
    }
    #textoFecha, #mostrarHora{
    flex:  auto;
    text-align:  center;
    font-size: 12px;
    }
    /* estilos para el slider */
    .contenedor-slider {
        max-width: 2500px;
        height: 242px;
        overflow: hidden;
        box-shadow: 0 0 0 10px Gray, 0 15px 50px;        
    }
    .slider section {
        background-color: rgba(255,255,255, 0.0)
    }
    .btn-comu {     
        width: 70%;
        height: 30px;
    }
     .btn-comu a{
        line-height: 40px;
        font-size: 10px;
    }
    /* estilos de la segunda tarjeta**/
    .calen-noticias{
        display: block;   
    }
    .content-noticia{
        width: 96%;
        margin: auto;
        padding-bottom: 10px;
    }
    /* estilos para el calendario  para celulares*/
    .calendario{
        display: block;
        width: 100%;
        height: 1060px;   
    }
    .fullcalendario{
        width: 96%;
        height: 600px;
        text-align:  center;
        margin: auto;      
    }
    .calendario-obispo{
        width: 96%;
        text-align:  center;
        margin: auto;
    }
    .calendario-obispo iframe{
        width: 100%;
        height: 400px;
    }
    .fc-left{
        width: 100%;
        padding-left: 27%;    
    }
    .fc-right button{       
        font-size: 14px; 
        margin: auto;     
    }
    .fc-button-group{
        margin-right: 6px;
    }
    /*estilos para la galeria de imagenes*/
    .galeria{
        width: 100%;
        height: 230px;
        background-color: #fbfbfb;
        background-image: url(../img/galeria/fondo.jpg);
        z-index: 1000px;
    }
    .content-all{
        width: 340px;
        margin:auto;
        perspective: 1500px;/*tamaño de vista de las imagenes*/
        position: relative;
        margin-top: 20px;
        background-image: url(../img/fondo.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 330vh;
    }
    .content-carrousel figure{
        width: 80%;
        height: 120px;
        overflow: hidden;
        position: absolute;
        box-shadow: 0px 0px 1px 0px black;
        transition: all 300ms;
    }
    /*estilo para el pie de pagina*/
    .pie-pagina-contenido{
        display: block;
    }
    .contenido-escudo{
        width: 100%;
        border: white 2px 2px 2px 2px;
        margin: auto;
        border-bottom: white 5PX solid;      
    }
    .contenido-escudo img{
        width: 150px;
        height: 200px;
    }
    .contenido-datos{
        width: 100%;
        border-bottom: white 5PX solid; 
        padding-left: 20px; 
    }
    .contenido-nombre{
        width: 100%;
        height: auto;
        margin:  auto;
        text-align:  center;
        background-color:black;
        border-bottom: white 5PX solid;  
    }
    .contenido-nombre a{
        font-size: 30px;
    }
    .contenido-map{
        width: 100%;
        height: auto;
        margin:  auto;
        text-align:  center;
    }
    .pie-pagina-redes img{
        width: 50px;
        height: 50px;
    }
    /*Estilos de la pagina de historia linea de tiempo */
    .linea-tiempo {
        height: 9000px;
    }
    /*ESTILOS PARA LA PAGINA DEL ESCUDO*/
    .conescudo{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: block;        
    }
    .escudo{
        width: 96%;
        text-align: center;
    }
     .escudo img{
        width: 230px;
        height: 370px;
    }
     .sencilla{
        width: 96%;
        transition: 0.5s ease-in-out;
        box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    }
    /*ESTILOS PARA LA PAGINA DEL OBISPO EMERITO*/
    .obispoemerito{
        display: block;
        height: 1300px;
    }
    .containerrr, .resena-historia {
        width: 98%;
        height: auto;
        margin: auto;
        background: #fbfbfb;
    }
    /*estilos para la pagina de comunicados*/
    .cont-comunicados{
        display:block;
        margin: auto;
      }
      .mensajes{
        width: 96%;       
    }
    .comunicado1, .comunicado2{
        width: 96%;
    }
}