﻿  @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%);
        }

        @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;
        }
        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:10px;
          }


          @media (min-width: 1024px) and (max-width: 1920px) { 
         #botonBajar{
              position: absolute;
bottom: 80px;
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;

         }
}