* {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

.left-block {
    /* background-image: url('https://image.latinamerica.basf.com/lib/fe3611717564047b701775/m/1/d4cfc1b9-9409-4c10-9e9b-97766e9bc50f.jpeg'); */
    background-image: url('https://image.latinamerica.basf.com/lib/fe3611717564047b701775/m/1/20df4f20-bdda-41f7-a9c7-d7cb55ec9015.jpeg');
    background-size: cover;
    background-position: center;
    text-align: center;
    height: 80vh;
}


.logo-overlay {
    position: relative;
    transform: translateX(-20%);
    background-color: #65AC1E;
    text-align: right;
    width: 70%;
    height: 90px;
    margin-top: 2em;
}

.left-block h1{
    font-size: 2.5em;
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.2em;
    margin: 2em auto;
}


.logo-overlay-thanks{
    position: relative;
    transform: translateX(-20%);
    background-color: #65AC1E;
    text-align: right;
    width: 35%;
    height: 90px;
    margin-top: 2em;
}

.logo-overlay .img-logo {
    margin-right: 20px;
    height: 100%;
    width: auto;
}
.logo-overlay-thanks .img-logo {
    margin-right: 20px;
    height: 100%;
    width: auto;
}


.right-block {
    display: flex;
    justify-content: center;
}

.right-block .form {
    align-self: center;
    width: 100%;
}

.right-block .form .form-control {
    background-color: #d2ded2;
    padding: 0.5em 1em;
    border-radius: 15px;
    font-size: 0.85em;
}

.right-block .form .form-select {
    background-color: #d2ded2;
    padding: 0.5em 1em;
    border-radius: 15px;
    text-wrap: auto;
    font-size: 0.85em;
}



.right-block .form .button-container {
    text-align: center;
    margin-top: 2em;
}

.right-block .form .button-container .btn {
    background: #65AC1E;
    color: white;
    font-size: 1.3em;
    padding: 0.5em 2em;
    text-transform: uppercase;
}

.right-block .form .button-container .btn:hover {
    background: #65ac1eb9;
}

.custom-footer {
    background: #65AC1E;
    max-height: 20%;
    padding: 2.4%;
}

.custom-footer>div {
    justify-content: space-evenly;
}

.custom-footer .social-footer {
    color: #fff;
    font-size: 1.5em;
    align-self: center;
}

.custom-footer .social-footer p {
    margin: 0;
}

.custom-footer img {
    height: 3em;
    width: auto;
}

.custom-footer img:hover {
    opacity: 0.5;
}

.custom-footer .footer-media {
    text-align: center;
}

.custom-footer .politica {
    text-align: center;
    margin-top: 2em;
}

.politica a {
    color: #fff;
    font-size: 1em;
    text-decoration: none;
}

.politica a:hover {
    text-decoration: underline;
}


/* CSS RESPONSIVE  */

@media screen and (min-width:300px) and (max-width:480px) {
    .left-block {
        height: 35vh;
    }
    .left-block h1{
        font-size: 2em;
        margin: 0.5em auto;
        text-align: center;
    }
    

    .right-block .form {
        margin: 2em auto;
        width: 100%;
    }

    .right-block .form .form-control {
        font-size: 0.8em;
    }

    .right-block .form .form-select {
        font-size: 0.8em;
    }

    .right-block .form-check {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .footer-media {
        text-align: center;
        margin: 1em auto;
    }

    .social-footer {
        text-align: center;
    }

}

@media screen and (min-width:481px) and (max-width:576px) {
    .left-block {
        height: 35vh;
    }
    .left-block h1{
        font-size: 2em;
        margin: 1em auto;
        text-align: center;
    }
    

    .right-block .form {
        margin: 2em auto;
        width: 100%;
    }

    .right-block .form-check {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right-block .form-check .form-check-input {
        margin-right: 1em;
    }

    .footer-media {
        text-align: center;
        margin: 1em auto;
    }

    .social-footer {
        text-align: center;
    }

}

@media screen and (min-width:577px) and (max-width:767px) {
    .left-block {
        height: 35vh;
    }
    .left-block h1{
        font-size: 2em;
        margin: 1em auto;
        text-align: center;
    }
    

    .right-block .form {
        margin: 2em auto;
        width: 100%;
    }

    .right-block .form-check {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right-block .form-check .form-check-input {
        margin-right: 1em;
    }

    .social-footer {
        text-align: center;
    }

}

@media screen and (min-width:768px) and (max-width:992px) {
    .left-block {
        height: 100vh;
    }
    

    .right-block .form .form-control {
        font-size: 0.8em;
    }

    .right-block .form .form-select {
        font-size: 0.8em;
    }

    .custom-footer>div {
        align-items: center;
    }

    .custom-footer .social-footer {
        font-size: 1.5em;
    }

    .right-block .form-check {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right-block .form-check .form-check-input {
        margin-right: 1em;
    }

    .right-block .form {
        width: 100%;
    }

}

@media screen and (min-width:993px) and (max-width:1200px) {

    .custom-footer>div {
        align-items: center;
    }
}