@import url('https://fonts.googleapis.com/css?family=Saira+Condensed:300,400,500');

        .top-nav-collapse {
            background-color: #222 !important;
        }

        .navbar:not(.top-nav-collapse) {
            background: transparent !important;
        }

        @media (max-width: 768px) {
            .navbar:not(.top-nav-collapse) {
                background: #222 !important;
            }
        }

        .btn.btn-white {
            color: #212121 !important;
        }

        h6 {
            line-height: 1.7;
        }

        .custom-gradient .full-bg-img {
            background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: -webkit-gradient(linear, 45deg, from(rgba(255, 255, 255, 0.7)), to(rgba(250, 250, 250,0.5)));
            background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: linear-gradient(to 45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
        }


        .custom-gradientDetalle .full-bg-img {
            background: -moz-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: -webkit-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: -webkit-gradient(linear, 45deg, from(rgba(0,0,0, 0.6)), to(rgba(0,0,0, 0.6)));
            background: -o-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: linear-gradient(to 45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
        }

        @media (max-width: 450px) {
            .margins {
                margin-right: 1rem;
                margin-left: 1rem;
            }
        }

        h1 {
            color: black;
            font-weight: 700;
            letter-spacing: 5px;
            font-family: 'Saira Condensed', sans-serif;
        }

        .mySpan{
            color: darkred;
        }
        span {
            color: darkred;
            font-weight: 400;
            font-family: 'Saira Condensed', sans-serif;
        }

        h4 {
            color: rgb(120, 120, 120);
            font-weight: 700;
            letter-spacing: 12px;
            font-family: 'Saira Condensed', sans-serif;
        }

        #tablaListado {
            padding-top: 50px;
        }


        @media (min-width: 1024px) and (max-width: 1920px) {
            #botonBajar {
                position: absolute;
                bottom: 30px;
                width: 100%;
                align-content: center;
                margin-left: 0px;
                z-index: 3;
                text-align: center;
            }

                #botonBajar .btn-floating .fa {
                    font-size: 2rem !important;
                    vertical-align: middle;
                    margin-top: 0px;
                }
        }

        @media (min-width: 100px) and (max-width: 960px) {
            #botonBajar {
                display: none;
            }
        }
                .z-depth-1-half{
           background-color: rgba(255, 255, 255, 0.8);


        }
        .tituloRevista {
        padding-top:100px;
        }
        .downloadRevista{
            padding-top: 50px;
        }
        .imgRev{
            width: 70%;
            height: 70%;
        }
        @media only screen and (max-width: 770px) {   
   
            .downloadRevista {
            padding:5px;
            margin: 5px;
            }

   
}