.maincontent {
	padding-top: 0%;
	padding-left: 0%;
}

.col {
	padding: 1%;
}

.col-lg {
	height: 450px;
	overflow: hidden;
	margin: 10px 0px;
	position: relative;
	flex-basis: 30%;
}

.col-lg img {
	display: block;
	position: absolute;
	left: -1000%;
	right: -1000%;
	top: -1000%;
	bottom: -1000%;
	margin: auto;
	min-height: 100%;
	min-width: 100%;
}

.imgrid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

h1 {
	text-align: center;
	font-family: Arial;
}

body {
	text-align: center;
	font-family: Arial;
}

input {
	font-size: 20px;
}

/*Para tablet*/
@media screen and (max-width: 767px) { 
	.gallery {
		-webkit-column-count:  2;
		-moz-column-count:  2;
		column-count: 2;
	}

	.gallery div {
		margin: 0;
		width: 200px;
	}

	.modal-dialog {
		margin: 0 8vw;
	}
/*Aqui van los estilos*/ 

}

/*Para Telefono*/
@media screen and (max-width: 479px) {

	.gallery {
		-webkit-column-count:  1;
		-moz-column-count:  1;
		column-count: 1;
	}
	.gallery div {
		margin: 10px 0;
		width: 10px;
	}

}

.myButton {
	box-shadow:inset 0px 0px 5px 0px #bee2f9;
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	background-color:#63b8ee;
	border-radius:15px;
	border:2px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:12px 60px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.myButton:hover {
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	background-color:#468ccf;
}
.myButton:active {
	position:relative;
	top:1px;
}