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

.top .txt-logo{
    text-align: right;
}

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

}

.txt-logo {
    text-align: right;
    padding: 2% 0 0 3%;
}

.txt-logo a {
    color:#ccc;
}

a.bottomhead {
    color:red;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: calc(2vw + 2vh);
    font-weight:800;
    font-stretch:semi-condensed;
    text-align: center;
    text-decoration: none;
    border: 10px ridge red;
    display:block;
    
}

a.bottomhead:hover {
    color:red;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: calc(2vw + 2vh);
    font-weight:800;
    font-stretch:semi-condensed;
    text-align: center;
    border: 10px ridge lightcoral;
    display:block;
    
}

.p1, .p2 {

    width:50%;
    float:left;
   
}

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

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