.banner{
    position: static;
    width: 100%;
    height: calc(100vh - 70px);
    background-color:#f5f5f5;
    background-size: cover;
    background-position: center;
    transition: all .1s ease-in-out;
    background-image: url('../img/v.jpg');
    animation: banner 20s infinite linear ;
}
.banner-content{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
color: #fff;
background-color: rgb(0, 22, 40, .4);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner-content h1{
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    font-size: 40px;
    text-align: center;
}
.banner-content a{
    text-decoration: none;
    color: #fff;
    padding: 9px 20px;
    border: 1px solid #fff;
    text-transform: uppercase;
    transition: all .3s ease-in-out;

}
.banner-content a:hover{
    background-color: #fff;
    color: #333;

}
@keyframes banner{
0%{
    background-image: url('../img/v.jpg');
    
}
25%{
    background-image: url('../img/v.jpg');
}
26%{
    background-image: url('../img/4.jpeg');
}
50%{
    background-image: url('../img/4.jpeg');
}
51%{
    background-image: url('../img/F&V.jpg');
}
75%{
    background-image: url('../img/F&V.jpg');
}
76%{
    background-image: url('../img/licor.jpg');
}
100%{
    background-image: url('../img/licor.jpg');
}
}
.section-navidad{
    position: static;
    width: 100%;
    height: calc(100vh - 70px);
    background-color:#f5f5f5;
    background-size: cover;
    background-position: center;
  /*   transition: all .1s ease-in-out; */
    background-image: url('../img/cov.jpg');
  /*   animation: banner 20s infinite linear ; */
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.secnav-content{
    margin: 0;
padding: 0;
width: 100%;
height: 100%;
color: #fff;
background-color: rgb(0, 22, 40, .4);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.secnav-content h1{
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    font-size: 40px;
    text-align: center;
}
.secnav-content a{
    text-decoration: none;
    color: #fff;
    padding: 9px 20px;
    border: 1px solid #fff;
    text-transform: uppercase;
    display: flex;
    height: inherit;
    justify-content: center;
    align-items: center;
}
.secnav-content a:hover{
    background-color: #fff;
    color: #333;  
}