h1, h2, h3 {
	margin-bottom: 0;
}
.articleSect {
	bborder: 1px solid green;
}
.wrapperCards {
	bborder: 1px solid red;
	width: 70%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
}

.searchBox {
	bborder: 1px solid green;
	width: 60%;
	margin: 0 auto;
	margin-top: 2px;
	margin-bottom: 2px;
}
.searchForm {
	width: 100%;
	display: flex;
	bbox-sizing: border-box;
}
.searchInput {
	position: relative;
	float: left;
	width: 80%;
}
.searchButton {
	width: 20%;
}
/* Image popup */
.cardsA {
	bborder: 1px solid blue;
	position: relative;
	width: 33%;
}
.cardsA img {
	border: 1px solid blue;
	width: 100%;
	height: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	box-sizing: border-box;
	border-radius: 1em;
}
.cardsA .cardsB {
	display: none;
	position: absolute;
	bottom: 5%;
	left: 5%;
	right: 5%;
	background-color: #fff;
	ppadding: .5em;
	min-width: 10rem;
	transform: translateY(50%); /* Adjust for perfect centering */
	border-radius: 1em;
}
.cardsA:hover .cardsB {
	bborder: 1px solid red;
	display: block;
	width: 130%;
	margin-top: 400px;
	transition: all 1s ease-in-out;
	cursor: default;
	z-index: 200;
}
@media screen and (max-width: 600px) {
	.cardsA {
		bborder: 1px solid green;
		width: 100%;
	}
	.cardsA:hover .cardsB {
		display: none;
	}
	.searchBox {
		bborder: 1px solid green;
		width: 90%;
		margin: 0 auto;
		margin-top: 8px;
		margin-bottom: 2px;
	}
	.searchForm {
		bborder: 1px solid blue;
		width: 100%;
		display: flex;
		box-sizing: border-box;
	}
	.searchInput {
		position: relative;
		float: left;
		width: 70%;
	}
	.searchButton {
		width: 30%;
		border: 0;	
		outline: 0;
		background-image: url("images/bg.png"), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
		background-image: url("images/bg.png"), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
		background-image: url("images/bg.png"), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
		background-image: url("images/bg.png"), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
		-moz-transition: background-color .2s ease-in-out;
		-webkit-transition: background-color .2s ease-in-out;
		-ms-transition: background-color .2s ease-in-out;
		-webkit-appearance: none;
		color: #fff !important;
		text-decoration: none;
		font-weight: 700;
		cursor: pointer;
		border-radius: .5em;
		text-shadow: -1px -1px 0.5px rgba(0, 0, 0, 0.5);
		overflow: hidden;
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.75);
		background-color: #43B3E0;
	}
}