img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;  
}
#img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(3px 3px 5px black);
}
#img-responsive:hover {
  display: block;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(3px 3px 5px black);
  transform: scale(1.1);
  transition: 0.1s ease-in-out;
}
.grid article {
  background-color: transparent;
  display: block;
  float: left;
  margin: 1%;
  width: 23%; 
}

@media (max-width: 1024px) {
  .grid article {
    width: 31.3%;
  }
}
@media (max-width: 767px) {
  .grid article {
    width: 48%;
  }
}
@media (max-width: 479px) {
  .grid article {
    margin: 5% 5%; /* top-bottom / left-right */
    width: 90%;	
  }
}
@media (max-width: 400px) {
  .grid article {
    margin: 5% 5%; /* top-bottom / left-right */
    width: 90%;	
	/* margin: 2% 0; original */	
  }
}
/*
@font-face {
  font-family: 'lg';
  src: url("fonts/lg.ttf") format("truetype"), 
  url("fonts/lg.woff") format("woff"), 
  url("fonts/lg.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  font-weight: bold; 
}
*/

@font-face {
  font-family: 'Brush Script MT', cursive;
}
#textcenter1 {
font-family: Brush Script MT, cursive!important;
	color:#121462!important;
	font-size:70px;	
	padding-top:20px;
	padding-bottom:20px;  
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 2px 1px #FF9003;  
}
@media (max-width: 400px) {
	#textcenter1 {
		font-size:40px;	
	}	
}
@media (max-width: 450px) {
	#textcenter1 {
		font-size:50px;	
	}	
}
#textcenter2 {
font-family:"Times New Roman", Times, serif!important;
	color:#121462!important;
	font-size:20px;	
	padding-top:20px;
	padding-bottom:20px;  
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 299px) and (max-width: 799px){
	#textcenter2 {
		font-size:16px!important;	
	}	
}