h1 {
	color: white;
	background-color: rgba(7, 6, 7, 0.2)
}

body{
background-image: url('https://thumbs.dreamstime.com/b/gris-incons%C3%BAtil-del-gato-fondo-vector-de-los-gatitos-102356663.jpg');
}
.maincontent{
padding-top: 0%;
padding-left: 0%;
}
.col{
padding: 1%;
}
.col-lg{
height: 520px;
overflow: hidden;
margin: 10px 0;
position: relative;
flex-basis: 30%;
}
.col-lg img{
display: block;
position: absolute;
left: -95%;
right: -95%;
top: -95%;
bottom: -95%;
margin: auto;
min-height: 50%;
min-width: 50%;
}
.imgrid{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@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;
 }

}
@media screen and (max-width: 479px){
.gallery{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}

}
.boton1 {
	box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#4a3f4a;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.myButton:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.myButton:active {
	position:relative;
	top:1px;
}


.boton2 {
	box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#4a3f4a;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.myButton:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.myButton:active {
	position:relative;
	top:1px;
}