@import "https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css";
html, body {
	background-image: url("https://i.imgur.com/vFs9dCh.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}
a:link, a:visited {
	color: #f18b20;
}
a:hover {
	color: black;
	text-decoration: underline;
}
.main-content {
	padding: 60px 50px 55px 50px;
	background-color: #fff;
	box-shadow: 5px 5px 10px 2px rgba(0,0,0,.5);
}
.logo {
	width: auto;
	height: 90px;
	margin-bottom: 30px;
}
.p-txt {
	line-height: 2rem;
}
.img-pagos-payu {
	width: auto;
	height: 150px;
	margin-top: 30px;
}
.title-pay {
	color: #f18b20;
}
.btn-pay {
	background-color: #f18b20;
	color: white;
}
.btn-pay:hover {
	background-color: #000;
	color: white;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #777 !important;
	opacity: 1; /* Firefox */
}  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #777;
}  
::-ms-input-placeholder { /* Microsoft Edge */
	color: #777;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
	color: #777;
}
.bottom-txt {
	color: #525252;
	font-style: italic;
	line-height: 1.5rem;
}

@media only screen and (max-width: 768px) {
	.main-content {
		padding-top: 40px;
	}
	.logo, .img-pagos-payu {
		width: auto;
		height: auto;
	}
	.col-form {margin-top: 30px;}
}