body {
    background-image: url('../img/energia-solar3.jpg');
    background-size: cover;
    background-position: center;
    height: 100vh;
    }

.container{
    margin-top: 50px;
    animation-name: aparecer;
    animation-duration: 0.75s;
    animation-timing-function: linear;
}

.contact-section {
    background: rgba(255, 255, 255, 0.477);
    padding: 30px;
    border-radius: 10px;
    margin-top: 45px -15px;
}

@media (max-width:768px){
    /* .container{
        margin-top: 0px;
    } */
    body{
        background-image: url("../img/energia-solar3\ -tablet.jpg");
        height: 100%;
    }
}
@keyframes aparecer {
    0% {opacity: 0%;}
    20% {opacity: 20%;}
    40% {opacity: 40%;}
    60% {opacity: 60%;}
    80% {opacity: 80%;}
    100% {opacity: 100%;}
}

/*----------------------------WHATSAPP------------------------------*/
.whatsapp-button {
    position: fixed;
    bottom: 35px;
    right: 35px;
    /* background-color: #25d366; */
    color: white;
    border-radius: 50%;
    /* padding: 15px; */
    font-size: 24px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}