.background-image {
    position: fixed;
    top: 70; /* Antes decía 70px, pero eso corre la imagen hacia abajo */
    left: 0;
    width: 100vw;
    height: 100vh; /* que ocupe toda la pantalla */
    background-image: url(../img/index-of.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    z-index: -1;
    pointer-events: none;
}


body {
    padding-top: 70px; /* para dejar espacio para el menú */
    background: none !important;
  }


footer {
    display: none
   
}

.copyrights {
    position: absolute;
    bottom: 0;
    color: #000000;
    font-weight: 600!important;
     padding-top: 10px!important;
}

a {
    color:#000000;
}






@media screen and (max-width:640px) {
    
    header {
        height: 60px!important;
        background: none!important;
        
    }
    
    header .logo-container {
        float: none!important;
    }
    
    body {
        margin-top: -12px;
    
    }
    
    .av{
    margin-top: 
    }
    
    header nav {
        max-height: 
    }
    
    html {
        margin: 0!important;
        padding: 0!important;
    }
    
    
}


@media screen and (min-width:641px) and (max-width:1099px) {
    
    body {
        background-position: 0px 80px;
    
    }
    
    header  {
        background: none!important;
    }
    
    header nav {
        background: white;
    }
    
    .av {
        margin-top: 0;
    }
    
    header nav a.active, header nav li:hover > a, header nav li:hover > a .arrow-right {
            border-bottom: 1px solid white!important;
        }
    
    header nav > ul ul li {
        background: rgba(255, 255, 255, 0.20);
    }

     footer {
        position: absolute;
        display: inline-block;
    }
    
    
}


@media screen and (min-width:1100px) {
    
   
    .background-image {
    position: fixed;
    top: 20;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(../img/index-of.jpg);
    background-repeat: no-repeat;
    background-position: center top;
        max-height: 92%;
    z-index: -1;
    pointer-events: none;
    display: block;
  }

  body {
    padding-top: 70px; /* para dejar espacio para el menú */
    background: none !important;
  }
    
    footer {
        position: absolute;
        display: inline-block;
    }
    
   /** body header {
        background: none;
    }
    header nav {
        background: none!important;
    }
    
    header nav a {
        color: white!important;
        font-weight: 600;
    }
    
    header nav a.active, header nav li:hover > a, header nav li:hover > a .arrow-right {
            color: #ffffff!important;
            border-bottom: 1px solid white!important;
        }
    
    header nav > ul ul li {
        background: rgba(255, 255, 255, 0.20);
    }**/

    
    
}