html {
    font-size: 14px;
}

html {
    position: relative;
    min-height: 100%;
}

h1 {
    font-family: 'Public Sans', sans-serif;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}



/* Medium devices (tablets, 991px and down)*/
@media (max-width: 991px) {
    .titulo {
        color: #FF006E;
        font-size: 25px;
        text-shadow: 6px 2px 7px rgba(0,0,0,.3);
    }

    .formulario {
        
        padding: 30px;
        display: flex;
        justify-content: center;
    }

    main {
        /*background-image: url('../img/bg.png');*/
        background-size: cover;
        background-repeat: round;
    }

    .formularioInt {
        background-color: rgba(255, 255, 255, .41);
        padding: 35px;
        border-radius: 50px
    }

    .formularioInt2 {
        background-color: rgba(255, 255, 255, .41);
        padding: 30px;
        border-radius: 50px
    }

    .formularioInt3 {
        background-color: rgba(255, 255, 255, .41);
        padding: 15px;
        border-radius: 50px
    }

    .locimg {
        max-width: 50%
    }

    .floating-container {
        position: fixed;
        background-color: rgba(0, 0, 0, .5);
        display: flex;
        justify-content: center;
        padding: 25px;
        top: 40%;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    body {
        margin-bottom: 60px;
        /*background-image: url('../img/bg.png');*/
        background-size: contain;
        background-repeat: round;
        overflow-x:hidden;
    }

    .titulo {
        color: #FF006E;
        font-size: 48px;
        text-shadow: 6px 2px 7px rgba(0,0,0,.3);
    }

    .formularioInt {
        background-color:  rgb(33 50 74 / 10%);
        padding: 30px;
        border-radius: 50px
    }

    .formularioInt2 {
        background-color: rgba(255, 255, 255, .41);
        padding: 15px;
        border-radius: 50px
    }

    .formularioInt3 {
        background-color: rgba(255, 255, 255, .1);
        padding: 15px;
        border-radius: 50px
    }

    .locimg {
        max-width: 40%
    }

    .floating-container {
        position: fixed;
        width: 50%;
        height: 100px;
        margin: 35px 25px;
        background-color: rgba(0, 0, 0, .5);
        display: flex;
        justify-content: center;
        padding: 25px;
        bottom: 15%;
    }
}



.whitelbl {
    color: white;
}
