.logos_form,
.title_form{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.button-class{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0px auto 20px;
}


.button-class .color{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	background-color: var(--blue) !important;
	border: none !important;
}

.button-class .color img{
	width: 15px;
}

#button_enviar:nth-child(1){
	background-color: #133456;
	color: #fff;
	border-color: #133456;
	border-radius: 1rem;
	width: 60%;
}
h1{
	color: #133456;
	text-align: center;
}
.btnWhatsapp{
	color: #fff;
	background-color: #5cb615;
	border: none;
	width: 60%;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	text-decoration: none;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
}

.btnWhatsapp img{
	width: 20px;
}
.displayGrid{
	display: grid;
	grid-template-columns: 10% 70%;
}
.displayGrid input[type=checkbox] {
	width: 20px;
}
.displayGrid label a{
	color: black;
	font-weight: 400;
}

form .terms{
	position: absolute;
	right: 10%;
	color: var(--black);
}
.autorizacion{
	display: block;
	text-align: center;
	margin: 30px auto;
}
.content_buttons{
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
	margin: 20px auto;
}
.content_buttons a{
	background-color: var(--darkBlue);
    color: var(--white) !important;
    padding: 6px 14px;
    border-radius: 20px;
    width: 230px;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
}
.content_buttons a:hover{
	text-decoration: none;
	color: #f5f5f5;
	opacity: .9;
}
 a{
	color: inherit !important;
}



@media only screen and (min-width: 768px) {

	.logos_form{
		width: 30%;
	}

	.button-class{
		flex-direction: row;
	}

	.btnWhatsapp{
		width: 25%;
	}

	.displayGrid{
		grid-template-columns: 6% 70%;
	}
	.content_buttons{
		flex-direction: row;
	}

	.col-12 .col-md-6.mt-3.center{
		margin: 1rem auto !important;
	}
}