*,
*:before
*:after{
    padding: 0;
    margin:0 ;
    box-sizing: border-box;
}
@keyframes slideInLeft {
    0%{opacity: 0;}
    100%{opacity: 1;}
    }

.promo .popup{
    animation-name: slideInLeft;
    animation-duration: 0.1s;
    animation-timing-function: ease;
    animation-delay: 0;
 

}

.promo .popup{
    transform-origin: 10px 10px;
    background-color: rgb(240, 240, 240);
    width: 600px;
    height: auto;
    padding: 30px 40px;
    position: fixed;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 1px;
    font-family: "Poppins", sans-serif;
    display: none;
    z-index: 100;
   
}
@media(max-width:980px){
    .promo .popup{
    width: 450px;
    height: auto;
    
    }
}
.promo .popup button{
    display: block;
    margin: 0 0 20px auto;
    background-color: transparent;
    font-size: 30px;
    color: #c5c5c5;
    border: none;
    outline: none;
    cursor: pointer;
}
.promo .popup h2{
    text-align: center;
    color: #000000  ;
    font-size: 40px;

}
.promo .popup h3{
    text-align: center;
        text-align: center;
        color: #a06c0c ;
    
    
}
.promo .popup p{
     font-size: 14px;
     text-align: center;
     margin: 20px 0;
     color: rgb(255, 0, 0) ;
}
.bio img{
    width: 100%;
}

 .coloana  {
    float: left;
    width: 100.100%;
    padding: 10px;
    


}
*.bio::after{
    content:"";
    display: table;
    clear: left;

}