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

.col {
padding: 1%;
}

.col-lg {
height: 550px;
overflow: hidden;
margin: 10px 0;
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;
}
	
.myButton {
	box-shadow:inset 0px 0px 0px 0px #efdcfb;
	background:linear-gradient(to bottom, #dfbdfa 5%, #7844a3 100%);
	background-color:#dfbdfa;
	border-radius:10px;
	border:2px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	padding:9px 37px;
	text-decoration:none;
	text-shadow:2px 3px 10px #8035bd;
}
.myButton:hover {
	background:linear-gradient(to bottom, #7844a3 5%, #dfbdfa 100%);
	background-color:#7844a3;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*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;
}

}

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

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

body {
	text-align: center;
}