.bgdark {
    background-color: #000;
   
  
}
.image-logo {
    padding: 1% 4% 1% 0;
}
.top {
    background:url('../images/bg-top.png') no-repeat center top;
    background-size:1920 1025;
    height:1025;
    width: 100%;
}

a.nav-link {
    color:#fff;
    font-weight: bolder;
}

a.nav-link:hover {
    color:#ccc;
    font-weight: bolder; 
}



h1.promo {
    text-align: center;
    font-size: 2rem;
    color:#000;
    width: 100%;
    padding:.08%;
    background-color:crimson;

}

h1 {
    margin: 0 !important;
}

.txt-logo {
    text-align: right;
    padding: 1% 0 0 3%;
    color:#ccc;
}

.txt-logo a {
    color:#ccc;
    font-size:1em;
    font-family:Arial, Helvetica, sans-serif;
}

.txt-logo a.hover {
    color:#fff;
    font-size:1em;
}





footer {
    width: 100%;
    padding: 2%;
    text-align: center;
}

@media (max-width: 575px) {
    .bgdark {
       display: none;
       
      
    }
}