.contacto1{
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)),   url(../img/contactenos/slider_c.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 400px;
	position: relative;
	overflow: hidden;
}
.contacto1-txt{
	position: absolute;
	left: 9%;
	top: 25%;
	transform: translateY(-50%);
}
.contacto1-txt h2{
	font-size: 2.5rem;
	color: #fff;
	margin: 0 0 25px 0;
	font-weight: 600;
	line-height: 1;
	text-shadow: 1px 1px 2px #545454;
}
.contacto1-txt h2 span{
	font-size: 3.5rem;
	color: #F5B13F;
	font-weight: 700;
}
.contacto1-txt p{
	font-size: 1rem;
	font-weight: 300;
	color: #fff;
	margin-bottom: 0;
	text-shadow: 1px 1px 2px #545454;
}
.contacto2{
	padding: 80px 0; 
}
.contacto2 h2{
	font-size: 1.4rem;
	font-family: 'Roboto';
   font-weight: 600;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(188, 188, 188, 0.35);
}
.contacto2 p{
	font-size: 1rem;
	font-family: 'Roboto';
	margin-bottom: 2rem;
}
.form-group{
	margin-bottom: 1.5rem;
}
.contacto2 label{
	font-family: 'Roboto';
   font-weight: 500;
}
.contacto2 input{
	font-family: 'Roboto';
}
.contacto2 textarea{
	height: 8rem;
	resize: none;
	margin-bottom: 20px;
}
.contacto2 .form-check-label{
	font-family: 'Roboto';
}
.btn-send {
    margin: 60px 0 40px 0;
    padding: 10px 80px;
    font-size: 1.3rem;
    color: #213860;
    background: transparent;
    border: 2px solid #F5B13F;
    border-radius: 50px;
    font-family: 'Roboto';
    font-weight: 600;
}
#gmap{
	width: 100%;
	height: 450px;
}
.form-div{
	display: flex;
	gap: 1rem;
}
.form-div div{
	width: 50%;
}


@media(min-width: 320px){
	.contacto2 label,.form-control,.contacto2 p{
		font-size: 0.9rem;
	}
	.contacto2 h2{
		font-size: 1.2rem;
	}
	.btn-send{
		font-size: 1rem;
		padding: 10px 60px;
	}
	.contacto2 {
	    padding: 50px 0;
	}
	.contacto1 h2{
		font-size: 2.2rem;
	}
	.contacto1 h2 span{
		font-size: 2.9rem;
	}
}
@media(min-width: 375px){
	.contacto1 h2{
		font-size: 2.4rem;
	}
	.contacto1 h2 span{
		font-size: 3.2rem;
	}
}
@media(min-width: 425px){
	.contacto1 h2{
		font-size: 2.6rem;
	}
	.contacto1 h2 span{
		font-size: 3.5rem;
	}
}
@media(max-width: 767px){
	.form-td{
		margin-bottom: 1.5rem;
	}
}
@media(min-width: 768px){
   .contacto1{
		height: 420px;
	}
	.btn-send{
		font-size: 1.1rem;
		padding: 10px 60px;
	}
	.contacto2 h2{
		font-size: 1.3rem;
	}
	.contacto2 {
	    padding: 80px 0 60px 0;
	}
	.contacto1 h2{
		font-size: 3.2rem;
	}
	.contacto1 h2 span {
	    font-size: 4.3rem;
	}
}
@media(min-width: 992px){
	.btn-send{
		font-size: 1.1rem;
		padding: 10px 80px;
	}
	.contacto2 h2{
		font-size: 1.4rem;
	}
	.contacto2 label,.form-control,.contacto2 p{
		font-size: 1rem;
	}
}
@media(min-width: 1200px){
   .contacto1{
		height: 500px;
	}
	.contacto1 h2{
		font-size: 4rem;
	}
	.contacto1 h2 span {
	    font-size: 5.5rem;
	}
}
@media(min-width: 1400px){
	.contacto2 label, .form-control, .contacto2 p {
	    font-size: 1.1rem;
	}
}
@media(min-width: 1600px){
	.contacto1 h2{
		font-size: 4.8rem;
	}
	.contacto1 h2 span {
	    font-size: 6.5rem;
	}
   .contacto1 p {
      font-size: 1.3rem;
   }
	.contacto2 label, .form-control, .contacto2 p {
	    font-size: 1.2rem;
	}
	.contacto2 h2 {
	    font-size: 1.8rem;
	}
	.btn-send {
	    font-size: 1.2rem;
	    padding: 15px 100px;
	}
}

@media(max-width: 992px){
	.form-div{
		flex-direction: column;
		gap: 0rem;
	}
	.form-div div{
		width: 100%;
	}
}