.cont-ext-formContact{
    width: 100%;
    display: flex;
    justify-content: center;

    margin-top: 25px;
}
.cont-int-formContact{
    width: 1200px;
    height: auto;
    background: url(/img/backgraundIconR.png);
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
    .cont-int-formContact .formContact{
        width: 350px;
        height: fit-content;
        background: url(/img/backgraundIconR.png);
        background-attachment: fixed;
        border-radius: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin: 10px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
   
        .cont-int-formContact .formContact div{
            width: 100%;
            position: relative;
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
           
        }
          
        
        .cont-int-formContact .formContact .etiqueta1{
            left: 0px;
            top: -10px;
            display: block;
            position: absolute;
            width: auto;
        }
        .cont-int-formContact .formContact .etiqueta2{
            left: 50%;
            top: -10px;
            display: block;
            position: absolute;
            width: auto;
        }
        .cont-int-formContact .formContact .etiqueta{
            align-self: self-start;
            position: relative;
            left: -5px;
            margin-top: 10px;
        }
        .cont-int-formContact .formContact #email, #name {
            margin: 10px;
            width: 50%;
            padding: 10px 5px;
            font-size: 1em;
            font-family: "Fredoka", sans-serif;
            border-radius: 10px;
        }
        .cont-int-formContact .formContact .input{
            width: 95%;
            margin:  0px 10px;
            padding: 10px;
            font-size: 1em;
            font-family: "Fredoka", sans-serif;
            border-radius: 10px;
            display: flex;
            justify-content: start;
        }
        .cont-int-formContact .formContact .btnEnviar{
            width: 100%;
            height: 50px;
            padding: 10px;
            margin: 20px 10px;
        }
        .cont-int-formContact .formContact .txtinput{
            background-color: #f2f2f2f2;
            border: #f2f2f2 solid 0.5px;
          outline: none;
            
        }
        .cont-int-formContact .formContact .txtinput:focus{
            border: #cccc solid 0.5px;
            
        
        }
        .cont-int-formContact .formContact .btnEnviar{
            background-color: #54B435;
            color: white;
            border: none;
            border-radius: 10px;
           transition: all 0.5s;
           font-family: "Fredoka", sans-serif;
        }
        .cont-int-formContact .formContact .btnEnviar:hover{
            background-color: #3d8325;
            cursor:pointer;
           
        }
        .cont-int-formContact .infFormContact{
            width: 600px;
            height: fit-content;
            margin: 10px;
            padding: 20px;
            border-bottom: #f2f2f2f2 solid 1.5px;
        }
        .cont-int-formContact .infFormContact p{
            text-align: justify;
            line-height: 1.9em;
            padding: 20px;
           
        }
        .cont-int-formContact .infFormContact .txtTime, .cont-int-formContact .infFormContact .titulo{
            padding: 20px;
            color: #54B435;
        }
        .cont-int-formContact .infFormContact .cont-int-inf{
            border-bottom: #f2f2f2f2 solid 1.5px;
        }
        .cont-int-formContact .infFormContact .listSocial {
            display: flex;
            padding: 20px;
            justify-content: end;
           
        }
        .cont-int-formContact .infFormContact .listSocial .item {
            padding: 10px;
            border-radius: 50px;
            background-color: #f2f2f2;
            margin: 0px 10px;
            transition: all 0.5s;

        }
        .cont-int-formContact .infFormContact .listSocial .item:hover {
            cursor: pointer;
            background-color: #54B435;
        }
        .cont-int-formContact .infFormContact .icon{
            padding: 10px;
            color: white;
           background-color: #54B435;
           border-radius: 50px;
        }




    @media all and (max-width: 1080px ){
        .cont-int-formContact{
            flex-direction: column-reverse;
            justify-items: center;
            height: fit-content;
            
        }
        .cont-int-formContact .formContact , .cont-int-formContact .infFormContact{
            width: 80%;
        }
    }