/*XTRA-Small devices (landscape phones, 576px and up)*/
@media (min-width: 0px) and (max-width: 576px) {



    header {
        height: 25vw;
    }

    #ContMenu2, #ContMenu3 {
        height: unset;
        margin-top: 0vw !important;
        position: absolute;
        top: 25vw;
    }

    body
    {
        position: absolute;
    }

    .Logo {
        height: 4vw;
    }

    #ContMenu > ul {
        padding: 0 !important;
    }

    #ContMenu2 > ul > li, #ContMenu3 > ul > li {
        padding: 3vw 0;
        text-align: center;
    }

        #ContMenu2 > ul > li > a, #ContMenu3 > ul > li > a {
            color: #FFF;
        }

    .OMenu1 {
        font-size: 5.5vw;
    }

        .OMenu1:hover {
            font-size: 5.5vw;
        }
        
    .MenuBtn, .MenuBtnS {
        display: block !important;
        height: 10vw;
    }

    #Registrate, .Registrate {
        color: var(--color-azul);
        padding: 0.8vw 1.5vw;
        border: 1px solid var(--color-azul);
        border-radius: 3px;
    }

        #Registrate:hover, .Registrate:hover {
            color: #FFF;
            padding: 0.8vw 1.5vw;
            border: 1px solid var(--color-azulhover);
            background-color: var(--color-azulhover);
            border-radius: 3px;
            transition: color 300ms ease-out, background 300ms ease-out;
        }

    button {
        border-radius: 3px;
    }

    #MainSection {
        height: 153vw;
        width: 100%;
        background-image: url('../img/WCuadradaMainGirl_Mobile.png');
        background-size: 100vw, 100%;
        background-repeat: no-repeat;
        align-content: space-around;
    }

    .ContGeneral {
        padding-top: 15vw;
    }

    .ContElementos {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    #ContParrafo1, #ContParrafo2 {
        margin: auto;
    }

    #ContParrafo1 {
        width: 80%;
    }

        #ContParrafo1 > p {
            font-family: 'Comfortaa', cursive;
            width: 100%;
            font-size: 6vw;
            line-height: 7vw;
            text-align: center;
            color: var(--color-azul);
            font-weight: 500;
        }

    #ContParrafo2 {
        width: 64%;
        margin-top: 6vw;
    }

        #ContParrafo2 > p {
            width: 100%;
            font-family: 'Montserrat', sans-serif;
            color: #585858;
            font-size: 5vw;
            line-height: 6vw;
            text-align: center;
            font-weight: 100;
        }

            #ContParrafo2 > p > b {
                color: var(--color-azul);
            }

    #ContBotones {
        width: 80%;
        margin: auto;
        margin-top: 35vw;
        height: 25vw;
        justify-content: space-around
    }

        #ContBotones > div {
            text-align: center;
            height: 30vw;
            display: flex;
            flex-direction: column;
            width: 65%;
            justify-content: space-around;
            margin: auto;
        }

    .BtnMain {
        font-size: 4vw;
        padding: 3.5vw 1.4vw;
        font-family: 'Comfortaa', cursive;
        cursor: pointer;
    }


    #EF, .EF {
        background-color: #FFF;
        color: var(--color-azul);
        border: 1px solid var(--color-azul);
    }

        #EF:hover, .EF:hover {
            background-color: var(--color-azulhover);
            border: 1px solid var(--color-azulhover) !important;
            color: #FFF;
            transition: background 300ms ease-out, color 300ms ease-out;
            font-size: 4vw;
            padding: 3.5vw 1.4vw;
            margin: 0;
            font-family: 'Comfortaa', cursive;
            border: none;
        }

    #CP {
        padding: 3.5vw 2.5vw;
        background-color: var(--color-azul);
        color: #FFF;
        border: none;
    }

        #CP:hover {
            background-color: var(--color-azulhover);
            color: #FFF;
            transition: background 300ms ease-out, color 300ms ease-out;
            font-size: 4vw;
            padding: 3.5vw 2.5vw;
            font-family: 'Comfortaa', cursive;
            border: none;
        }

    /*QueOfrecemos*/

    #QueOfrecemosSec {
        height: 178vw;
        /*background-color: red;*/
    }

    #ContTitulo1 {
        height: 45vw;
        padding-top: 10vw;
        /*background-color: blue;*/
    }

        #ContTitulo1 > div {
            /*background-color: yellow;*/
            width: 80%;
            margin: auto;
            text-align: center;
        }


            #ContTitulo1 > div > p {
                width: 100%;
                font-size: 5.5vw;
                line-height: 7vw;
                text-align: center;
                color: #B1B1B1;
                font-weight: 500;
            }

    #ContParrafoLogo {
        /*background-color: green;*/
        display: flex;
        flex-direction: column;
        margin-top: 1.5vw;
    }

    #ContLogoMDB, #ContParr {
        width: 50%;
        text-align: center;
        margin: auto;
    }
    
        #ContLogoMDB > img {
            height: 4vw;
        }

    #ContParr {
        width: 80%;
        margin-top: 3vw;
        /*background-color: pink;*/
    }

        #ContParr > p {
            font-family: 'Montserrat', sans-serif;
            color: #585858;
            font-size: 5vw;
            line-height: 6vw;
            text-align: center;
            font-weight: 200;
        }

    #ContIconos {
        display: flex;
        /*background-color: blue;*/
        margin-top: 6vw;
    }

        #ContIconos > div {
            display: flex;
            flex-wrap: wrap;
            width: 75%;
            /*background-color: green;*/
            margin: auto;
            justify-content: space-around;
        }

    #CIco3, #CIco4 {
        margin-top: 7vw;
    }

    #ContIconos > div > div {
        text-align: center;
        width: 50%;
    }

        #ContIconos > div > div > img {
            height: 10vw;
        }

        #ContIconos > div > div > h3 {
            font-family: 'Comfortaa', cursive;
            font-size: 4vw;
            color: var(--color-azul);
            margin-top: 1vw;
        }

    #ContBtn1 {
        margin-top: 8vw;
    }

        #ContBtn1 > div {
            width: 60%;
            margin: auto;
            margin-top: 3vw;
            text-align: center;
        }

    #ContBtn11 {
        font-size: 4vw;
        padding: 3.5vw 4vw;
        font-family: 'Comfortaa', cursive;
        cursor: pointer;
        background: var(--color-azul);
        color: #FFF;
        border: none;
    }

        #ContBtn11:hover {
            font-size: 4vw;
            padding: 3.5vw 4vw;
            font-family: 'Comfortaa', cursive;
            cursor: pointer;
            background: var(--color-azulhover);
            transition: background 300ms ease-out;
            color: #FFF;
            border: none;
        }

    /*ComoFunciona*/
    #ComoFuncionaSec {
        background-color: #F2F2F2;
        height: 392vw;
    }

    #ContTitulo2 {
        text-align: center;
        padding-top: 10vw;
        width: 70%;
        margin: auto;
    }

        #ContTitulo2 > p {
            font-family: 'Comfortaa', cursive;
            font-size: 5.5vw;
            font-weight: 500;
            color: var(--color-azul);
            line-height: 7vw;
        }

    #ContParrf {
        width: 80%;
        margin: auto;
        text-align: center;
        padding-top: 4vw;
    }

        #ContParrf > p {
            font-family: 'Comfortaa', cursive;
            font-size: 4.5vw;
            line-height: 5vw;
            font-weight: 500;
            color: #B1B1B1;
        }

    #ContPasosImg {
        display: flex;
        margin-top: 5vw;
        flex-direction: column;
    }

    #ContImagenFam, #ContPasos {
        width: 100%;
    }

    #ContImagenFam {
        text-align: center;
    }

        #ContImagenFam > img {
            height: 65vw;
            padding: 1vw;
            border: 2.5px solid var(--color-azul);
            border-radius: 6px;
        }

    #ContPasos {
        padding-right: 9vw;
    }

    .ContTitSteps {
        display: flex;
        align-items: center;
        text-align: center;
        width: 80%;
        margin: auto;
        margin-top: 7vw;
    }

    #M1 {
        margin-top: 5vw;
    }

    .ContTitSteps > p {
        font-family: 'Comfortaa', cursive;
        font-size: 5vw;
        color: var(--color-azul);
        font-weight: 800;
    }

    .ContTitSteps > img {
        height: 6vw;
    }

    .ContDescSteps {
        margin: auto;
        margin-top: 3vw;
        width: 80%;
    }

        .ContDescSteps > p {
            font-family: 'Montserrat', sans-serif;
            font-size: 5vw;
            color: #585858;
            font-weight: 200;
        }

    #ContBtns {
        text-align: center;
        display: flex;
        flex-direction: column;
        width: 55%;
        margin: auto;
        margin-top: 8vw;
    }



    #EF2, .EF2 {
        background-color: #FFF;
        color: var(--color-azul);
        border: 1px solid var(--color-azul);
    }

        #EF2:hover, .EF2:hover {
            background-color: var(--color-azulhover);
            color: #FFF;
            border: 1px solid var(--color-azulhover);
            transition: color 300ms ease-out, background 300ms ease-out;
        }

    #CP2 {
        padding: 3.5vw 4.3vw;
        background-color: var(--color-azul);
        color: #FFF;
        border: none;
        margin-top: 3vw;
    }

        #CP2:hover {
            background-color: var(--color-azulhover);
            color: #FFF;
            transition: color 300ms ease-out, background 300ms ease-out;
        }

    /*Registrate*/
    #ContRegistrate {
        text-align: center;
        padding-top: 10vw;
    }

        #ContRegistrate > p {
            font-family: 'Comfortaa', cursive;
            font-size: 5.5vw;
            font-weight: 500;
            color: var(--color-azul);
            line-height: 2.5vw;
        }

    #ContForm {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: auto;
        padding-top: 5vw;
    }

    label {
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: #585858;
        font-size: 4vw;
        margin-top: 3vw;
    }

    #ContRegLog {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-top: 8vw;
    }

    .registrarse {
        font-size: 4vw;
        font-family: 'Comfortaa', cursive;
        cursor: pointer;
        flex: none;
        height: 12vw;
        margin: auto;
        padding: 0vw 7vw;
        background-color: var(--color-azul);
        color: #FFF;
        border: none;
    }

        .registrarse:active {
            font-size: 4vw;
            font-family: 'Comfortaa', cursive;
            cursor: pointer;
            flex: none;
            height: 12vw;
            margin: auto;
            padding: 0vw 7vw;
            background-color: var(--color-azul);
            color: #FFF;
            border: none;
            transition: color 300ms ease-out, background 300ms ease-out;
        }

    #ContRegLog > a {
        font-family: 'Montserrat', sans-serif;
        color: #B1B1B1;
        font-size: 4vw;
        text-decoration: none;
        margin-top: 4vw;
    }

        #ContRegLog > a > b {
            color: var(--color-azul);
        }

            #ContRegLog > a > b:hover {
                color: var(--color-azulhover);
                transition: color 300ms ease-out;
            }


    footer {
        background-color: #F2F2F2;
        height: 25vw;
        padding-top: 8vw;
    }

        footer > div {
            align-items: center;
        }


            footer > div > ul {
                width: 80%;
                margin: auto;
                display: flex;
                height: 9vw;
                align-items: center;
                justify-content: space-around;
                list-style: none;
            }

                footer > div > ul > li {
                    text-align: center;
                }

                    footer > div > ul > li > a {
                        display: none;
                    }

    #QueOfrecemos2, #ComoFunciona2 {
        color: #B1B1B1;
        font-size: 4vw !important;
    }

   

    #TC {
        display: block;
        color: #B1B1B1;
        font-size: 4vw;
    }

    #AvisoPrivacidad {
        display: block;
        color: #B1B1B1;
        font-size: 4vw;
    }

    .ContContactanos {
        width: 38px !important;
        height: 155px !important;
        min-width: 38px;
        max-width: 38px;
        right: 5px;
        bottom: 5px;
        padding: 5px 2px !important;
    }

        .ContContactanos P {
            font-size: 9px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .ContContactanos img {
            width: 24px;
            padding-top: 3px;
        }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 768px) {
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        scroll-behavior: smooth;
    }

    body {
        min-width: 100%;
        margin: 0;
        
    }

    form
    {
        position: relative;
    }

    header {
        display: flex;
        height: 20vw;
        align-items: center;
        background-color: #FFF;
    }

    #ContMenu2, #ContMenu3 {
        z-index: +1;
        position: absolute;
        width: 100%;
        height: 60vw;
        margin-top: 0vw;
        padding-top: 7vw;
        background-color: var(--color-azul);
        display: none;
        transition: background 300ms ease-out, color 300ms ease-out !important;
        position: absolute;
        top: 20vw;
    }

    .Logo {
        height: 4vw;
        margin-left: 2vw;
    }

    #ContMenu > ul {
        display: flex;
        flex: 1;
        justify-content: center;
        gap: 1.5rem;
    }

    #ContMenu2 > ul > li, #ContMenu3 > ul > li {
        list-style: none;
        padding: 3vw 0;
        text-align: center;
    }

        #ContMenu2 > ul > li > a, #ContMenu3 > ul > li > a {
            color: #FFF;
        }


    .OMenu1 {
        font-family: 'Comfortaa', cursive;
        font-size: 5vw;
        text-decoration: none;
        color: #585858;
        padding: 1.2vw 0;
    }

        .OMenu1:hover {
            font-family: 'Comfortaa', cursive;
            font-size: 5vw;
            text-decoration: none;
            color: var(--color-azulhover);
            padding: 1.2vw 0;
            transition: color 300ms ease-out;
        }
        
    .MenuBtn, .MenuBtnS {
        display: block !important;
        height: 8vw;
    }

    #Registrate, .Registrate {
        color: var(--color-azul);
        padding: 0.8vw 1.5vw;
        border: 1px solid var(--color-azul);
        border-radius: 3px;
    }

        #Registrate:hover, .Registrate:hover {
            color: #FFF;
            padding: 0.8vw 1.5vw;
            border: 1px solid var(--color-azulhover);
            background-color: var(--color-azulhover);
            border-radius: 3px;
            transition: color 300ms ease-out, background 300ms ease-out;
        }

    button {
        border-radius: 3px;
    }

    #MainSection {
        height: 113.5vw;
        width: 100%;
        background-image: url('../img/ChicaIpadEdit.png');
        background-size: 100vw, 100%;
        background-repeat: no-repeat;
        align-content: space-around;
    }

    .ContGeneral {
        padding-top: 10vw;
    }

    .ContElementos {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    #ContParrafo1, #ContParrafo2 {
        margin: auto;
    }

    #ContParrafo1 {
        width: 85%;
    }

        #ContParrafo1 > p {
            font-family: 'Comfortaa', cursive;
            width: 100%;
            font-size: 5vw;
            line-height: 7vw;
            text-align: center;
            color: var(--color-azul);
            font-weight: 700;
        }

    #ContParrafo2 {
        width: 85%;
        margin-top: 4.5vw;
    }

        #ContParrafo2 > p {
            width: 100%;
            font-family: 'Montserrat', sans-serif;
            color: #585858;
            font-size: 4vw;
            line-height: 5vw;
            text-align: center;
            font-weight: 200;
        }

            #ContParrafo2 > p > b {
                color: var(--color-azul);
            }

    #ContBotones {
        width: 80%;
        margin: auto;
        margin-top: 35vw;
        height: 25vw;
        justify-content: space-around
    }

        #ContBotones > div {
            text-align: center;
            height: 24vw;
            display: flex;
            flex-direction: column;
            width: 55%;
            justify-content: space-around;
            margin: auto;
        }

    .BtnMain {
        font-size: 3vw;
        padding: 3vw 0.8vw;
        font-family: 'Comfortaa', cursive;
        cursor: pointer;
    }


    #EF, .EF {
        background-color: #FFF;
        color: var(--color-azul);
        border: 1.5px solid var(--color-azul);
    }

        #EF:hover, .EF:hover {
            background-color: var(--color-azulhover);
            border: 1.5px solid var(--color-azulhover) !important;
            color: #FFF;
            transition: background 300ms ease-out, color 300ms ease-out;
            font-size: 3vw;
            padding: 3vw 1.4vw;
            margin: 0;
            font-family: 'Comfortaa', cursive;
            border: none;
        }

    #CP {
        padding: 3vw 1.5vw;
        background-color: var(--color-azul);
        color: #FFF;
        border: none;
    }

        #CP:hover {
            background-color: var(--color-azulhover);
            color: #FFF;
            transition: background 300ms ease-out, color 300ms ease-out;
            font-size: 3vw;
            padding: 3vw 1.5vw;
            font-family: 'Comfortaa', cursive;
            border: none;
        }

    /*QueOfrecemos*/

    #QueOfrecemosSec {
        height: 133.5vw;
    }

    #ContTitulo1 {
        height: 30vw;
        padding-top: 10vw;
        /*background-color: blue;*/
    }

        #ContTitulo1 > div {
            /*background-color: yellow;*/
            width: 85%;
            margin: auto;
            text-align: center;
        }


            #ContTitulo1 > div > p {
                width: 100%;
                font-size: 4vw;
                line-height: 6vw;
                text-align: center;
                color: #B1B1B1;
                font-weight: 700;
            }

    #ContParrafoLogo {
        /*background-color: green;*/
        display: flex;
        flex-direction: column;
        margin-top: 1.5vw;
    }

    #ContLogoMDB, #ContParr {
        width: 80%;
        margin-top: 2vw;
        /*background-color: pink;*/
    }

        #ContParr > p {
            font-family: 'Montserrat', sans-serif;
            color: #585858;
            font-size: 4vw;
            line-height: 5vw;
            text-align: center;
            font-weight: 200;
        }

    #ContIconos {
        display: flex;
        /*background-color: blue;*/
        margin-top: 6vw;
    }

        #ContIconos > div {
            display: flex;
            flex-wrap: wrap;
            width: 85%;
            margin: auto;
            justify-content: space-around;
        }

    #CIco3, #CIco4 {
        margin-top: 5vw;
    }

    #ContIconos > div > div {
        text-align: center;
        width: 50%;
    }

        #ContIconos > div > div > img {
            height: 9vw;
        }

        #ContIconos > div > div > h3 {
            font-family: 'Comfortaa', cursive;
            font-size: 3.5vw;
            color: var(--color-azul);
            margin-top: 1vw;
        }

    #ContBtn1 {
        margin-top: 12vw;
    }

        #ContBtn1 > div {
            width: 50%;
            margin: auto;
            margin-top: 3vw;
            text-align: center;
        }

    #ContBtn11 {
        font-size: 3vw;
        padding: 3vw 5vw;
        font-family: 'Comfortaa', cursive;
        cursor: pointer;
        background: var(--color-azul);
        color: #FFF;
        border: none;
    }

        #ContBtn11:hover {
            font-size: 3vw;
            padding: 3vw 5vw;
            font-family: 'Comfortaa', cursive;
            cursor: pointer;
            background: var(--color-azulhover);
            transition: background 300ms ease-out;
            color: #FFF;
            border: none;
        }

    /*ComoFunciona*/

    #ComoFuncionaSec {
        background-color: #F2F2F2;
        /*height: 270vw;*/
        padding-bottom: 30px;
    }

    #ContTitulo2 {
        text-align: center;
        padding-top: 10vw;
        width: 70%;
        margin: auto;
    }

        #ContTitulo2 > p {
            font-family: 'Comfortaa', cursive;
            font-size: 4vw;
            font-weight: 700;
            color: var(--color-azul);
            line-height: 6vw;
        }

    #ContParrf {
        width: 75%;
        margin: auto;
        text-align: center;
        padding-top: 4vw;
    }

        #ContParrf > p {
            font-family: 'Comfortaa', cursive;
            font-size: 3.5vw;
            line-height: 4.5vw;
            font-weight: 500;
            color: #B1B1B1;
        }

    #ContPasosImg {
        display: flex;
        margin-top: 5vw;
        flex-direction: column;
    }

    #ContImagenFam, #ContPasos {
        width: 100%;
    }

    #ContImagenFam {
        text-align: center;
    }

        #ContImagenFam > img {
            height: 55vw;
            padding: 1vw;
            border: 2.5px solid var(--color-azul);
            border-radius: 6px;
        }

    #ContPasos {
        padding-right: 9vw;
    }

    .ContTitSteps {
        display: flex;
        align-items: center;
        text-align: center;
        width: 65%;
        margin: auto;
        margin-top: 7vw;
    }

    #M1 {
        margin-top: 5vw;
    }

    .ContTitSteps > p {
        font-family: 'Comfortaa', cursive;
        font-size: 4vw;
        color: var(--color-azul);
        font-weight: 800;
    }

    .ContTitSteps > img {
        height: 4vw;
    }

    .ContDescSteps {
        margin: auto;
        margin-top: 3vw;
        width: 65%;
    }

        .ContDescSteps > p {
            font-family: 'Montserrat', sans-serif;
            font-size: 3.5vw;
            color: #585858;
            font-weight: 200;
        }

    #ContBtns {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-top: 3.5vw;
        width: 45%;
        margin: auto;
        margin-top: 8vw;
    }



    #EF2, .EF2 {
        background-color: #FFF;
        color: var(--color-azul);
        border: 1px solid var(--color-azul);
        padding: 3vw 4.3vw;
    }

        #EF2:hover, .EF2:hover {
            background-color: var(--color-azulhover);
            color: #FFF;
            border: 1px solid var(--color-azulhover);
            transition: color 300ms ease-out, background 300ms ease-out;
            padding: 3vw 4.3vw;
        }

    #CP2 {
        padding: 3vw 6.3vw;
        background-color: var(--color-azul);
        color: #FFF;
        border: none;
        margin-top: 3vw;
    }

        #CP2:hover {
            padding: 3vw 6.3vw;
            background-color: var(--color-azulhover);
            color: #FFF;
            transition: color 300ms ease-out, background 300ms ease-out;
        }

    /*Registrate*/
    #ContRegistrate {
        text-align: center;
        padding-top: 10vw;
    }

        #ContRegistrate > p {
            font-family: 'Comfortaa', cursive;
            font-size: 5vw;
            font-weight: 700;
            color: var(--color-azul);
            line-height: 2.5vw;
        }

    #ContForm {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: auto;
        padding-top: 5vw;
    }

    label {
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: #585858;
        font-size: 3.5vw;
        margin-top: 2vw;
    }

    #ContRegLog {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-top: 4.5vw;
    }

    .registrarse {
        font-size: 3vw;
        font-family: 'Comfortaa', cursive;
        cursor: pointer;
        flex: none;
        height: 9vw;
        margin: auto;
        padding: 0vw 9.5vw;
        background-color: var(--color-azul);
        color: #FFF;
        border: none;
    }

        .registrarse:active {
            font-size: 3vw;
            font-family: 'Comfortaa', cursive;
            cursor: pointer;
            flex: none;
            height: 9vw;
            margin: auto;
            padding: 0vw 9.5vw;
            background-color: var(--color-azul);
            color: #FFF;
            border: none;
            transition: color 300ms ease-out, background 300ms ease-out;
        }

    #ContRegLog > a {
        font-family: 'Montserrat', sans-serif;
        color: #B1B1B1;
        font-size: 2.8vw;
        text-decoration: none;
        margin-top: 2.5vw;
    }

        #ContRegLog > a > b {
            color: var(--color-azul);
        }

            #ContRegLog > a > b:hover {
                color: var(--color-azulhover);
                transition: color 300ms ease-out;
            }


    footer {
        background-color: #F2F2F2;
        height: 20vw;
        padding-top: 5.5vw;
        text-align: center;
    }

        footer > div {
            align-items: center;
        }


            footer > div > ul {
                width: 80%;
                margin: auto;
                display: flex;
                height: 9vw;
                align-items: center;
                justify-content: space-around;
                list-style: none;
            }

                footer > div > ul > li {
                    text-align: center;
                }

                    footer > div > ul > li > a {
                        display: none;
                    }

    #QueOfrecemos2 {
        color: #B1B1B1;
    }

    #ComoFunciona2 {
        color: #B1B1B1;
    }

    #TC {
        display: block;
        color: #B1B1B1;
        font-size: 3vw;
        width: 50%;
    }

    #AvisoPrivacidad {
        display: block;
        color: #B1B1B1;
        font-size: 3vw;
        width: 45%;
    }

    .ContContactanos {
        width: 60px !important;
        height: 173px !important;
        right: 7px;
        bottom: 10px;
    }

        .ContContactanos P {
            display: none;
        }

        .ContContactanos img {
            width: 28px;
            padding-top: 3px;
        }

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .ContContactanos {
        height: 85px;
        bottom: 5px;
        right: 10px;
        width: 110px;
    }

        .ContContactanos P {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .ContContactanos img {
            width: 23px;
            margin: 5px;
        }

}

/*/ / Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .ContContactanos {
        height: 75px;
        bottom: 15px;
        width: 170px;
    }

        .ContContactanos P {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .ContContactanos img {
            width: 23px;
            margin: 5px;
        }
}

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

    .ContContactanos {
        height: 80px;
        bottom: 18px;
    }

        .ContContactanos P {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .ContContactanos img {
            width: 25px;
            margin: 7px;
        }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}