*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    height: 100vh;
    background-color: #edefea;
}

@media (max-width:480px){
    h4{
        font-size: 1.1rem;
    }
 
}

.contenedor{
    margin-top: 1rem !important;
}



nav .container{
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;


}

@media (max-width: 768px){
    .navbar-brand{
        width: 60px;
    }

    .wsp img{
        width: 60px;  
    }
}

/*---Header---*/
.cabecera{
    color: #5F4C0B;
    font-size: 2.2rem;
}

@media (max-width: 480px){
    .cabecera{
        font-size: 1.6rem;
    }
    .uno{
        order:2; 
        margin-top: -1rem !important;       
    }
    
    .dos{
        order: 1;
        max-height: 18rem;
                        
    }

    .btn{
        font-size: 1.2rem !important;
    }
}

/*---About---*/
.nosotros img{
    max-width: 100% !important;
}

.ellos{
    height: 23.3rem;
}

@media (max-width: 480){
    .ellos{
        height: 8rem !important;
    }
}

@media (max-width: 768px){
    .ellos{
        height: 22rem !important;
    }
}

@media (max-width: 992px){
    section{
        width: 93%;
        margin-left: .8rem;
    }

    .contenedor{
        margin-top: 2rem;
    }

    .nosotros img{
        margin-bottom: -2rem;
    }

    .ellos{
        height: 15rem; 
        width: 100%;
    }
    }

    
    /*--Services----*/
    .servicios{  
    
        background-color: #c2f2a0;     
    }
    
    .cabecera-servicios{
        color: #5F4C0B;
        font-size: 4rem;
    }

    .accordion-button{
        color: #5F4C0B;
        font-weight: 600;
        font-size: 2rem;
    }


    @media (max-width:480px){
        .servicios h2{
            font-size: 2rem;
        }

        .accordion-button{
            font-weight: 500;
        font-size: 1.4rem;
        }

        .accordion-body{
            font-size: 1.1rem !important;
        }      
    }

    /*---Form---*/
    .formulario{
        max-width: 100%;
        height: 100%;
        background-image: url('../images/img-form.png');
        background-position: center center;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat; 
        margin-bottom: 0;

    }

    .cabecera-formulario{
        color: #000;
        font-weight: 600;
        font-size: 4rem;
    }

    @media (max-width: 480px){
        .cabecera-formulario{
            font-size: 2.5rem;
        }
    }

    form ::placeholder{
        font-size: 1.5rem;
    }
    
    .captcha{
        margin-top: -4rem;
    }

    form .btn{
        background-color: rgb(52, 197, 52);
        padding: 1rem 2rem;
        border-radius: 25px;
        color: #fff;
        font-size: 2rem;
        font-weight: 500;
    }

    form .btn:hover{
        background-color: rgb(60, 222, 60);
        color: #fff;
    }


    @media (max-width:992px){
        .formulario{
           height: 40rem !important;
        }

        .captcha{
            margin-top: 1rem;
        }

        form ::placeholder{
            font-size: 1.2rem;
        }
        form .btn{
            font-size: 1.2rem;
            margin-bottom: 2rem;
        }      
    }

    /*---Footer---*/
    .footer{
        background-color: darkgreen; 
    }

    @media (max-width: 480px){
        .footer{
            height: 6rem;
            margin-bottom: 0;
        }
        .footer p{
            font-size: 1.1rem !important;
            margin: auto;
            padding-top: -2rem;
        }
    }