/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1900px) {
   .parrafo {
    margin-right: -1000px;
    display: block;
    margin-top: 70px;
    text-align: left;
    width: 200%;
} 
     

  
    #contact{
            margin: 2% 0;
            font-family: 'avenir';
            padding: 0 0 0 10%;
   
    }
    #envio {
        background: white;
        z-index: 7;
        color: #FF697F;
        /* font-size: 30px; */
        height: 300px;
        width: 500px!important;
        padding: 4%;
        text-align: justify;
        position: fixed;
        top: 30%;
        left: 35%!important;
        display: block;
        margin-bottom: 0;
        margin: auto;
    }
    #envio h3 {
        color: #FF697F;
        margin: 0 30%;
        font-size: 21pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    .si_envio {
        color: #FF697F;
        margin: 0 22%!important;
        font-size: 21pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #envio .align-left {
        text-align: left!important;
        margin: 0 25%;
    }
     #gif{
        margin: 10px 40%;
    }
    .no_envio{
        margin: 0% 17%!important;
    }
    .p_no_envio{
        margin: 0px 30%;
    }
    #envio button{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 50px;
        width: 100%!important;
        margin: 0 5%;
    }
    #envio button:hover{
      background: #DE5B6F;

    }

    #envio button:active{
         box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 50px;
        width: 100%!important;
        margin: 0 5%;
        font-size:15px;
    }
         
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    

     
   #contact{
            margin: 1% 0;
            font-family: 'avenir';
            padding: 0 0 0 0%;
   
    }
    #envio {
        background: white;
        z-index: 7;
        color: #FF697F;
        height: 300px;
        width: 500px!important;
        padding: 4%;
        text-align: justify;
        position: fixed;
        top: 30%;
        left: 30%!important;
        display: block;
        margin-bottom: 0;
        margin: auto;
    }
    #gif{
        margin: 10px 35%;
    }
    #envio h3 {
        color: #FF697F;
        margin: 0 30%;
        font-size: 21pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    .no_envio{
        margin: 0% 17%!important;
    }
    .p_no_envio{
        margin: 0px 30%;
    }
    .si_envio {
        color: #FF697F;
        margin: 0 22%!important;
        font-size: 21pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #envio .align-left {
        text-align: left!important;
        margin: 0 25%;
    }
    #envio button{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 50px;
        width: 100%!important;
        margin: 0 5%;
    }
    #envio button:hover{
      background: #DE5B6F;

    }

    #envio button:active{
         box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 50px;
        width: 100%!important;
        margin: 0 5%;
        font-size:15px;
    }
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1400px) {
    

     .contact-text {
        font-size: 15px!important;
        width: 35%;
    }
  
     #envio {
        background: white;
        z-index: 7;
        color: #FF697F;
        height: 300px;
        width: 500px!important;
        padding: 4%;
        text-align: justify;
        position: fixed;
        top: 30%;
        left: 30%!important;
        display: block;
        margin-bottom: 0;
        margin: auto;
    }
    #gif{
        margin: 10px 40%;
    }
    #envio h3 {
        color: #FF697F;
        margin: 0 35%;
        font-size: 21pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
        .no_envio{
        margin: 0% 17%!important;
    }
    .p_no_envio{
        margin: 0px 30%;
    }
    #envio button{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -20px;
        position: relative;
        top: 50px;
        width: 100%!important;
        margin: 0 5%;
    }
    #envio button:hover{
      background: #DE5B6F;

    }
    .campos_requeridos{
        display: block;
        padding: 0px 25%;
        color: red;
        width: 100%;
        margin: 400px 0 0 0;
        font-size: 15px
    }
    .label {
        color: red;
        display: block;
        float: left;
        margin: 0 0 -80px 0;
        position: relative;
        top: -70px;
        left: 280px;
    }
    .normal{
          border:1px solid white!important;
          margin:30px 10% 30px 10%!important;
    }
    .corregir{
        border:1px solid red!important;
        margin:10px 10% 10px 10%!important;
    }
    #envio button:active{
         box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -20px;
        position: relative;
        top: 50px;
        width: 100%!important;
        margin: 0 5%;
        font-size:15px;
    }
    #contact {
        margin: 0 0 0 10%;
        padding: 100px 0 50px 0;
        font-family: 'avenir';
    }
    #contact form{
        background: rgb(170,170,170);
        display: inline;
        width: 350px;
        padding-top: 3%;
        padding-bottom: 4%;        
    }
    #contact img{
        height: 100px;
        position: relative;
        right: -40px;
        top: 100px;
        
    }
    #contenido{
        background: #f1f1f1;
        
        display: inline;
        position: relative;
        left: 120px;
        padding:20px;
    }
    #contact form input{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 30px 10%;
        padding:5px;
    }
    #contact form input::placeholder{

        color:white;
    }
    #contact form textarea{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 10px 10%;
        padding:10px;
        resize: none;
        height:100px;
    }
    #contact form textarea::placeholder{
        color:white;
    }
    #contact form input[type="submit"]{
        background:#FF697F;
        display: block;
        float:right;
        width:30%;
        border:0px;
        color:white;
    }
    #contact form input[type="submit"]:hover{
        background:white;
        border: 1px solid #FF697F;
        color:#FF697F;
    }
    #contact form input[type="submit"]:active{
        background:#FF697F;
        color:white;
        font-size:10px;
    }
    #contact ul li{
        list-style: none;
        padding:30px;
    }
    #contact ul li i{
        color:#FF697F;
        font-size:30px;
        padding:10px;
    }
    
    #contacto svg{
        color: rgb(170,170,170);
        background: rgb(170,170,170);
    }
    .red-oblique{
        color: #EA424F;
        font-style: oblique;
    }
    #contenido p{
        font-size:25px;
    }
    #footer1{
        display:none;
    }
   
    .points{
      display: none;
      
    }
    .points-down{
        display: none;
    }
    .parrafo {
        margin-right: -1000px;
        display: block;
        margin-top: 70px;
        text-align: left;
        width: 150%;
    } 
     
}
@media only screen and (max-width: 1280px) {
    #contact {
        margin: 0 0 0 0%;
        padding: 100px 0 50px 10%;
        font-family: 'avenir';
    }
}
@media only screen and (max-width: 1024px) {
    #contact {
        margin: 0 0 0 0%;
        padding: 100px 0 50px 0%;
        font-family: 'avenir';
    }
}
/*----------------------------------------------------------TABLET/IPAD---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
    
     #envio {   
        background: white;
        z-index: 7;
        color: #FF697F;
        height: 300px;
        width: 500px!important;
        padding: 4%;
        text-align: justify;
        position: fixed;
        top: 30%;
        left: 20%!important;
        display: block;
        margin-bottom: 0;
        margin: auto;
    }
    #gif{
        margin: 10px 40%;
    }
    #envio h3 {
        color: #FF697F;
        margin: 0 35%;
        font-size: 21pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    .no_envio{
        margin: 0% 17%!important;
    }
    .p_no_envio{
        margin: 0px 30%;
    }
    #envio button{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -25px;
        position: relative;
        top: 50px;
        width: 100%!important;
        margin: 0 5%;
    }
    #envio button:hover{
      background: #DE5B6F;

    }
    #envio button:active{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -25px;
        position: relative;
        top: 50px;
        width: 100%!important;
        margin: 0 5%;
    }
    .campos_requeridos {
        display: block;
        padding: 0px 25%;
        color: red;
        width: 100%;
        margin: 0px 0 0 0;
        font-size: 15px;
        top: -10px;
        left: 100px;
        position: initial;
    }
    .label {
        color: red;
        display: block;
        float: left;
        margin: 0 0 0px 0;
        position: relative;
        top: -40px;
        height: 0px;
        left: 720px;
    }
    .normal{
        border:1px solid white!important;
        margin: 10px 10%!important;
        padding: 5px!important;
    }
    .corregir{
          border:1px solid red!important;
            margin: 10px 10%!important;
            padding: 5px!important;
    }
     #contact{
        padding:0;
            height: 1000px;
            margin: 60px 0 0px 0;
            font-family: 'avenir';
    }
    #contact form{
        background: rgb(170,170,170);
        display: inline;
        width: 100%;
        padding-top: 3%;
        padding-bottom: 0%;
        
    }
    #contact img{
        display:none; 
        
    }
    #contenido{
           background: #f1f1f1;
            width: 100%;
            display: block;
            position: relative;
            left: 0;
            padding: 60px;
            margin:0;
    }
     #contenido h2{
        font-size:30px;
    }
    #contenido p:first-child{
        font-size:20px!important;
    }
    #contact form input{
           background: rgb(170,170,170);
            display: block;
            float: right;
            width: 80%;
            border: 1px solid white;
            color: white;
            margin: 10px 10%;
            padding: 5px;
    }
    #contact form input::placeholder{

        color:white;
    }
    #contact form textarea{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 10px 10%;
        padding:10px;
        resize: none;
        height:100px;
    }
    #contact form textarea::placeholder{
        color:white;
    }
    #contact form input[type="submit"]{
        background:#FF697F;
        display: block;
        float:right;
        width:20%;
        border:0px;
        color:white;
    }
    #contact form input[type="submit"]:hover{
        background:white;
        border: 1px solid #FF697F;
        color:#FF697F;
    }
    #contact form input[type="submit"]:active{
        background:#FF697F;
        color:white;
        font-size:10px;
    }
    #contact ul li{
        list-style: none;
        padding:10px;
        width:100%!important;
        display: block;
        font-size:20px;
        margin:10% 0;
    }
    .right{
        width:10%;
    }
    #contact ul li i{
        color:#FF697F;
        font-size:30px;
        padding:10px;
    }
    .row{
        width:auto;
    }
    #contacto svg{
        color: rgb(170,170,170);
        background: rgb(170,170,170);
    }
    .red-oblique{
        color: #EA424F;
        font-style: oblique;
    }
    #contenido p{
        font-size:25px;
    }
    .contact-text {
        font-size: 15px!important;
        width: 60%;
    }
  #contenido #contact-text{
        font-size: 15px;
        width:100%;
        margin-top: 100px;
    }
     .parrafo{
        margin-top: 100px;
        display: inline;
        float: none;
        text-align: justify;
        width: 150%;
        margin: auto;

    }
    .office{
        display: block;
    }
    #footer1{
        display:none;
    }
    footer{
        position: relative;
        bottom:0;
        margin-top: 250px;
    }
    
   
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 550px) {
    

     
   
    #envio {
        background: white;
        z-index: 7;
        color: #FF697F;
        height: 170px;
        width: 300px!important;
        padding: 4%;
        text-align: justify;
        position: fixed;
        top: 30%;
        left: 15%!important;
        display: block;
        margin-bottom: 0;
        margin: auto;
    }
    #envio h3 {
        color: #FF697F;
        margin: 0 30%;
        font-size: 15pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #gif{
        width:60px;
        margin:10px 35%;
    }
    .no_envio{
        margin: 0% 10%!important;
    }
    .p_no_envio{
        margin: 0px 35%;
        font-size: 15px!important;
    }
    #envio .align-left {
        text-align: left!important;
        margin: 0 25%;
        font-size: 14px;
    }
    .si_envio {
        color: #FF697F;
        margin: 0 20%!important;
        font-size: 15pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #envio button{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 5px 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 10px;
        width: 100%!important;
        margin: 0 5%;
    }
    #envio button:hover{
      background: #DE5B6F;

    }
    #envio button:active{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 5px 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 10px;
        width: 100%!important;
        margin: 0 5%;
    }
     #contact{
		padding:0;
		margin: 40px 0 0px 0;
		font-family: 'avenir';
		height: fit-content;
    }
    .campos_requeridos {
        display: block;
        padding: 0px 25%;
        color: red;
        width: 100%;
        margin: 0px 0 0 0;
        font-size: 15px;
        position: initial;
        top: -10px;
        left: 100px;
    }
    .label {
        color: red;
        display: block;
        float: left;
        margin: 0 0 0px 0;
        position: relative;
        top: -70px;
        height: 0px;
        left: 390px;
    }
    
    .normal{
        border:1px solid white!important;
        margin: 30px 10%!important;
        padding: 5px!important;
    }
    .corregir{
          border:1px solid red!important;
            margin: 10px 10%!important;
            padding: 5px!important;
    }
    #contact form{
        background:rgb(170,170,170);
        display: inline;
        width:500px;
        padding-top: 3%;
        padding-bottom: 4%;
        
    }
    #contact img{
        display:none; 
        
    }
    #contenido{
        background: #f1f1f1;
        width:100%;
        display: block;
        position: relative;
        left: 0;
        padding:10px;
        margin:0;
    }
     #contenido h2{
        font-size:20px;
    }
    #contenido p{
        font-size:15px!important;
    }
    #contact form input{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 30px 10%;
        padding:5px;
    }
    #contact form input::placeholder{

        color:white;
    }
    #contact form textarea{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 10px 10%;
        padding:10px;
        resize: none;
        height:100px;
    }
    #contact form textarea::placeholder{
        color:white;
    }
    #contact form input[type="submit"]{
        background:#FF697F;
        display: block;
        float:right;
        width:20%;
        border:0px;
        color:white;
    }
    #contact form input[type="submit"]:hover{
        background:white;
        border: 1px solid #FF697F;
        color:#FF697F;
    }
    #contact form input[type="submit"]:active{
        background:#FF697F;
        color:white;
        font-size:10px;
    }
   #contact ul li{
        list-style: none;
        padding:10px;
        width:100%!important;
        display: block;
        font-size:13px;
        margin:10% 0;
    }
    #contact ul li i{
        color:#FF697F;
        font-size:30px;
        padding:10px;
    }
    .left {
        float: left;
        margin-left: 30px;
    }
    .row{
        width:auto;
    }
    #contacto svg{
        color: rgb(170,170,170);
        background: rgb(170,170,170);
    }
    .red-oblique{
        color: #EA424F;
        font-style: oblique;
    }
    #contenido p{
        font-size:25px;
    }
    #contenido p:first-child {
        font-size: 15px!important;
    }
    .office{
        display: block;
    }
    #footer1{
        display:none;
    }
    #contenido #contact-text{
        font-size: 15px;
        width:100%;
        margin: 100px 50px 50px 0px;
    }
    .parrafo{
        margin-top: 100px;
        display: inline;
        float: none;
        text-align: justify;
        width: 150%;
        margin: auto;

    }
    footer {
        position: relative;
        bottom: 0;
        margin-top: 0px;
    }
    
   
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 375px) {
    

     

    #envio {
        background: white;
        z-index: 7;
        color: #FF697F;
        height: 200px;
        width: 270px!important;
        padding: 4%;
        text-align: justify;
        position: fixed;
        top: 30%;
        left: 15%!important;
        display: block;
        margin-bottom: 0;
        margin: auto;
    }

    #envio h3 {
        color: #FF697F;
        margin: 0 30%;
        font-size: 15pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #gif{
        width:60px;
        margin:10px 35%;
    }
    .no_envio{
        margin: 0% 17%!important;
    }
    .p_no_envio{
        margin: 0px 30%;
        font-size: 15px!important;
    }
    .si_envio {
        color: #FF697F;
        margin: 0 17%!important;
        font-size: 15pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #envio button{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: initial;
        top: 10px;
        width: 100%!important;
        margin: 0 5%;
    }
    #envio button:hover{
      background: #DE5B6F;

    }
    #envio button:active{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 10px;
        width: 100%!important;
        margin: 0 5%;
    }
    .campos_requeridos {
        display: block;
        padding: 0px 25%;
        color: red;
        width: 100%;
        margin: 0px 0 0 0;
        font-size: 15px;
        position: initial;
        top: -10px;
        left: 100px;
    }
    .label {
        color: red;
        display: block;
        float: left;
        margin: 0 0 0px 0;
        position: relative;
        top: -70px;
        height: 0px;
        left: 350px;
    }
    
    .normal{
        border:1px solid white!important;
        margin: 30px 10%!important;
        padding: 5px!important;
    }
    .corregir{
          border:1px solid red!important;
            margin: 10px 10%!important;
            padding: 5px!important;
    }
       #contact{
            padding:0;
            margin: 40px 0 0px 0;
            font-family: 'avenir';
    }
     #contact form{
        background:rgb(170,170,170);
        display: inline;
        width:500px;
        padding-top: 3%;
        padding-bottom: 4%;
        
    }
    #contact img{
        display:none; 
        
    }
    #contenido{
        background: #f1f1f1;
        width:100%;
        display: block;
        position: relative;
        left: 0;
        padding:10px;
        margin:0;
    }
     #contenido h2{
        font-size:20px;
    }
    #contenido p{
        font-size:17px!important;
    }
    #contact form input{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 30px 10%;
        padding:5px;
    }
    #contact form input::placeholder{

        color:white;
    }
    #contact form textarea{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 10px 10%;
        padding:10px;
        resize: none;
        height:100px;
    }
    #contact form textarea::placeholder{
        color:white;
    }
    #contact form input[type="submit"]{
        background:#FF697F;
        display: block;
        float:right;
        width:20%;
        border:0px;
        color:white;
    }
    #contact form input[type="submit"]:hover{
        background:white;
        border: 1px solid #FF697F;
        color:#FF697F;
    }
    #contact form input[type="submit"]:active{
        background:#FF697F;
        color:white;
        font-size:10px;
    }
   #contact ul li{
        list-style: none;
        padding:10px;
        width:100%!important;
        display: block;
        font-size:13px;
        margin:10% 0;
    }
    #contact ul li i{
        color:#FF697F;
        font-size:30px;
        padding:10px;
    }
    .left {
        float: left;
        margin-left: 30px;
    }
    .row{
        width:auto;
    }
    #contacto svg{
        color: rgb(170,170,170);
        background: rgb(170,170,170);
    }
    .red-oblique{
        color: #EA424F;
        font-style: oblique;
    }
    #contenido p{
        font-size:25px;
    }
    .office{
        display: block;
    }
    #footer1{
        display:none;
    }
    

    
   
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 360px) {
    

    #envio {
        background: white;
        z-index: 7;
        color: #FF697F;
        height: 200px;
        width: 270px!important;
        padding: 4%;
        text-align: justify;
        position: fixed;
        top: 30%;
        left: 15%!important;
        display: block;
        margin-bottom: 0;
        margin: auto;
    }
    #envio h3 {
        color: #FF697F;
        margin: 0 30%;
        font-size: 15pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #gif{
        width:60px;
        margin:10px 35%;
    }
    .no_envio{
        margin: 0% 17%!important;
    }
    .p_no_envio{
        margin: 0px 30%;
        font-size: 15px!important;
    }
    #envio button{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 10px;
        width: 100%!important;
        margin: 0 5%;
    }
    #envio button:hover{
      background: #DE5B6F;

    }
    #envio button:active{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 10px;
        width: 100%!important;
        margin: 0 5%;
    }
     .campos_requeridos {
        display: block;
        padding: 0px 25%;
        color: red;
        width: 100%;
        margin: 0px 0 0 0;
        font-size: 15px;
        position: initial;
        top: -10px;
        left: 100px;
    }
    .label {
        color: red;
        display: block;
        float: left;
        margin: 0 0 0px 0;
        position: relative;
        top: -70px;
        height: 0px;
        left: 350px;
    }
    
    .normal{
        border:1px solid white!important;
        margin: 30px 10%!important;
        padding: 5px!important;
    }
    .corregir{
          border:1px solid red!important;
            margin: 10px 10%!important;
            padding: 5px!important;
    }
       #contact{
            padding: 0;
            margin: 60px 0 0px 0;
            font-family: 'avenir';
    }
    #contact form{
        background:rgb(170,170,170);
        display: inline;
        width:500px;
        padding-top: 3%;
        padding-bottom: 4%;
        
    }
    #contact img{
        display:none; 
        
    }
   
    #contenido{
        background: #f1f1f1;
        width:100%;
        display: block;
        position: relative;
        left: 0;
        padding:10px;
        margin:0;
		padding: 30px;
    }
     #contenido h2{
        font-size:20px;
    }
    #contenido p{
        font-size:17px!important;
    }
    #contact form input{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 15px 10%;
        padding:5px;
    }
    #contact form input::placeholder{

        color:white;
    }
    #contact form textarea{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 10px 10%;
        padding:10px;
        resize: none;
        height:100px;
    }
    #contact form textarea::placeholder{
        color:white;
    }
    #contact form input[type="submit"]{
        background:#FF697F;
        display: block;
        float:right;
        width:20%;
        border:0px;
        color:white;
    }
    #contact form input[type="submit"]:hover{
        background:white;
        border: 1px solid #FF697F;
        color:#FF697F;
    }
    #contact form input[type="submit"]:active{
        background:#FF697F;
        color:white;
        font-size:10px;
    }
      #contact ul li{
        list-style: none;
        padding:10px;
        width:100%!important;
        display: block;
        font-size:13px;
        margin:10% 0;
    }
    #contact ul li i{
        color:#FF697F;
        font-size:30px;
        padding:10px;
    }
    .left {
        float: left;
        margin-left: 30px;
    }
    .row{
        width:auto;
    }
    #contacto svg{
        color: rgb(170,170,170);
        background: rgb(170,170,170);
    }
    .red-oblique{
        color: #EA424F;
        font-style: oblique;
    }
    #contenido p{
        font-size:25px;
    }
    .office{
        display: block;
    }
    #footer1{
        display:none;
    }
    footer{
        margin-top:300px!important;
    }

    
   
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
    

     

    #envio {
        background: white;
        z-index: 7;
        color: #FF697F;
        height: 200px;
        width: 270px!important;
        padding: 4%;
        text-align: justify;
        position: fixed;
        top: 30%;
        left: 10%!important;
        display: block;
        margin-bottom: 0;
        margin: auto;
    }

    #envio h3 {
        color: #FF697F;
        margin: 0 30%;
        font-size: 15pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #gif{
        width:60px;
        margin:10px 35%;
    }
    #envio h3 {
        color: #FF697F;
        margin: 0 30%;
        font-size: 15pt;
        padding: 10px;
        display: block;
        font-weight: 900;
    }
    #gif{
        width:60px;
        margin:10px 35%;
    }
    .no_envio{
        margin: 0% 17%!important;
    }
    .p_no_envio{
        margin: 0px 30%;
        font-size: 15px!important;
    }
    #envio button{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 10px;
        width: 100%!important;
        margin: 0 5%;
    }
    #envio button:hover{
      background: #DE5B6F;

    }
    #envio button:active{
        box-sizing: border-box;
        background: #FF697F;
        color: white;
        padding: 10px;
        border: 1px solid #FF697F;
        border-radius: 15px;
        margin: 0px 0px;
        left: -15px;
        position: relative;
        top: 10px;
        width: 100%!important;
        margin: 0 5%;
    }
     .campos_requeridos {
        display: block;
        padding: 0px 25%;
        color: red;
        width: 100%;
        margin: 0px 0 0 0;
        font-size: 15px;
        position: initial;
        top: -10px;
        left: 100px;
    }
    .label {
    color: red;
    display: block;
    float: left;
    margin: 0 0 0px 0;
    position: relative;
    top: -70px;
    height: 0px;
    left: 300px;
    }
    
    .normal{
        border:1px solid white!important;
        margin: 30px 10%!important;
        padding: 5px!important;
    }
    .corregir{
          border:1px solid red!important;
            margin: 10px 10%!important;
            padding: 5px!important;
    }
    #contact{
            padding: 0;
            margin: 60px 0 0px 0;
            font-family: 'avenir';
    }
    #contact form{
        background:rgb(170,170,170);
        display: inline;
        width:500px;
        padding-top: 3%;
        padding-bottom: 4%;
        
    }
    #contact img{
        display:none; 
        
    }
    #contenido{
        background: #f1f1f1;
        width:100%;
        display: block;
        position: relative;
        left: 0;
        padding:10px;
        margin:0;
    }
     #contenido h2{
        font-size:20px;
    }
    #contenido p{
        font-size:17px!important;
    }
    #contact form input{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 30px 10%;
        padding:5px;
    }
    #contact form input::placeholder{

        color:white;
    }
    #contact form textarea{
        background:rgb(170,170,170);
        display: block;
        float:right;
        width:80%;
        border:1px solid white;
        color:white;
        margin: 10px 10%;
        padding:10px;
        resize: none;
        height:100px;
    }
    #contact form textarea::placeholder{
        color:white;
    }
    #contact form input[type="submit"]{
        background:#FF697F;
        display: block;
        float:right;
        width:20%;
        border:0px;
        color:white;
    }
    #contact form input[type="submit"]:hover{
        background:white;
        border: 1px solid #FF697F;
        color:#FF697F;
    }
    #contact form input[type="submit"]:active{
        background:#FF697F;
        color:white;
        font-size:10px;
    }
    #contact ul li{
        list-style: none;
        padding:10px;
        width:100%!important;
        display: block;
        font-size:13px;
        margin:10% 0;
    }
    #contact ul li i{
        color:#FF697F;
        font-size:30px;
        padding:10px;
    }


    .left {
        float: left;
        margin-left: 30px;
    }
    .row{
        width:auto;
    }
    #contacto svg{
        color: rgb(170,170,170);
        background: rgb(170,170,170);
    }
    .red-oblique{
        color: #EA424F;
        font-style: oblique;
    }
    #contenido p{
        font-size:25px;
    }
    .office{
        display: block;
    }
    #footer1{
        display:none;
    }
    footer{
        margin-top:180px!important;
    }

    
   
}