@media (max-width:800px) {

 

    body {
        background-image: url('Fondo.jpg');
          color: #513629;
          font: 14px Arial;
          margin: 0 auto;
          padding: 0;
          position: relative;
        background-size: 100vw 100vh;
        background-attachment: fixed;
      }
      
      h1,h2,h3,h4,h5,h6{ color:#513629;}
      small{ font-size:10px;}
      b, strong{ font-weight:bold;}
      a{ text-decoration: none; }
      a:hover{ text-decoration: underline; }
      .left { float:left; }
      .right { float:right; }
      .alignleft { float: left; margin-right: 15px; }
      .alignright { float: right; margin-left: 15px; }
      .clearfix:after,
      form:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
      }
      .container { margin: 25px auto; position: relative; width: 100%; }
      #content {
          background: #f9f9f9;
          background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
          background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
          background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
          background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
          background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
          -webkit-box-shadow: 0 1px 0 #fff inset;
          -moz-box-shadow: 0 1px 0 #fff inset;
          -ms-box-shadow: 0 1px 0 #fff inset;
          -o-box-shadow: 0 1px 0 #fff inset;
          box-shadow: 0 1px 0 #fff inset;
          border: 1px solid #513629;
          margin: 0 auto;
          padding: 5px 0 0;
          position: relative;
          text-align: center;
          text-shadow: 0 1px 0 #fff;
          width: 100%;
      }
      #content h1 {
          color: #513629;
          font: bold 25px Helvetica, Arial, sans-serif;
          letter-spacing: -0.05em;
          line-height: 20px;
          margin: auto;
      }
      #content h1:before,
      #content h1:after {
          content: "";
          height: 1px;
          position: absolute;
          top: 10px;
          width: 27%;
      }
      #content h1:after {
          background: rgb(126,126,126);
          background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
          background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
          background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
          background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
          background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
          right: 0;
      }
      #content h1:before {
          background: rgb(126,126,126);
          background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
          background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
          background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
          background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
          background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
          left: 0;
      }
      #content:after,
      #content:before {
          background: #f9f9f9;
          background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
          background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
          background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
          background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
          background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
          border: 1px solid #513629;
          content: "";
          display: block;
          height: 100%;
          left: -1px;
          position: absolute;
          width: 100%;
      }
      #content:after {
          -webkit-transform: rotate(2deg);
          -moz-transform: rotate(2deg);
          -ms-transform: rotate(2deg);
          -o-transform: rotate(2deg);
          transform: rotate(2deg);
          top: 0;
          z-index: -1;
      }
      #content:before {
          -webkit-transform: rotate(-3deg);
          -moz-transform: rotate(-3deg);
          -ms-transform: rotate(-3deg);
          -o-transform: rotate(-3deg);
          transform: rotate(-3deg);
          top: 0;
          z-index: -2;
      }
      
      
      
      .button {
          background: rgb(247,249,250);
          background: -moz-linear-gradient(top,  rgba(247,249,250,1) 0%, rgba(240,240,240,1) 100%);
          background: -webkit-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
          background: -o-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
          background: -ms-linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
          background: linear-gradient(top,  rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
          -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
          -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
          -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
          -o-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
          box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          -o-border-radius: 0 0 5px 5px;
          -ms-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
          border-top: 1px solid #CFD5D9;
          padding: 15px 0;
      }
      .button a {
          background: url(https://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
          color: #7E7E7E;
          font-size: 17px;
          padding: 2px 0 2px 40px;
          text-decoration: none;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
      }
      .button a:hover {
          background-position: 0 -135px;
          color: #ffa451;
      }
      
      .info p {
        text-align:center;
        color: #999;
        text-transform:none;
        font-weight:600;
        font-size:15px;
        margin-top:2px
      }
      
      .info i {
        color:#F6AA93;
      }
      
      
      form {
        border-radius: 2px;
        max-width:700px;
        width:100%;
        margin: 1% auto;
        background-color: #f9f9f9;
        overflow: hidden;
	padding: 2px 0 2px 40px;
      }
      
      p span {
        color: #F00;
      }
      
      p {
        margin: 0px;
        font-weight: 500;
        line-height: 2;
        color:#513629;
      }
      
      
      input {
        border-radius: 0px 5px 5px 0px;
        border: 1px solid #eee;
        margin-bottom: 15px;
        width: 90%;
        height: 35px;
        float: left;
        padding: 0px 15px;
      }
      input[type=number]::-webkit-inner-spin-button, 
      input[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none; 
        margin: 0; 
      }
      select {
        border-radius: 0px 5px 5px 0px;
        border: 1px solid #eee;
        margin-bottom: 15px;
        width: 90%;
        height: 35px;
        float: left;
        padding: 0px 15px;
      }
      a {
        text-decoration:inherit
      }
      
      textarea {
        border-radius: 0px 5px 5px 0px;
        border: 1px solid #EEE;
        margin: 0;
        width: 75%;
        height: 60px; 
        float: left;
        padding: 0px 15px;
      }
      
      .form-group {
        overflow: hidden;
        clear: both;
      }
      
      .icon-case {
        width: 30px;
        float: left;
        border-radius: 5px 0px 0px 5px;
        background:#fdf8e9;
        height:35px;
        position: relative;
        text-align: center;
        line-height:40px;
      }
      
      i {
        color:#513629;
      }
      
      .contentform {
        padding: 20px 15px;
      }
      
      .bouton-contact{
        display: inline-block;
        background: rgba(0,0,0,0);
        color: #513629 !important;
        text-align: center;
        width: 90%;
        border:0;
        padding: 10px 15px;
        border-radius: 4px;
        cursor: pointer;
        margin-top: 40px;
        font-size: 18px;
        transition: all 1s ease;
        position: relative;
      }
      .bouton-contact:hover {
        background: #513629;
        color: #fff !important;
      }
      
      
      .leftcontact {
        width:49.5%; 
        float:left;
        border-right: 1px dotted #CCC;
        box-sizing: border-box;
        padding: 0px 10px 0px 0px;
      }
      
      .rightcontact {
        width:49.5%;
        float:right;
        box-sizing: border-box;
        padding: 0px 0px 0px 2px;
      }
      
      .validation {
        display:none;
        margin: 0 0 10px;
        font-weight:400;
        font-size:13px;
        color: #DE5959;
      }
      
      #sendmessage {
        border:1px solid #fff;
        display:none;
        text-align:center;
        margin:10px 0;
        font-weight:600;
        margin-bottom:30px;
        background-color: #EBF6E0;
        color: #5F9025;
        border: 1px solid #B3DC82;
        padding: 13px 40px 13px 18px;
        border-radius: 3px;
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
      }
      
      #sendmessage.show,.show  {
        display:block;
      }
      
      div.button{
          color: #513629;
      }
      
      

      .form-check {
	          display: flex;
		      align-items: left;
		          flex-direction: row; /* Coloca el texto a la izquierda del botón */
			      margin-bottom: 10px;
		      }
	.form-check-label {
      cursor: pointer; /* Opcional: Cambia el cursor al pasar sobre el texto para mejorar la usabilidad */
}      

      
    }