/* This stylesheet contains the styles for the microsoft and abobe pages */
@charset "UTF-8";


.container {
	width: 100%;
    height: 100%;
	margin-left: auto;
	margin-right: auto;

}

.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.thumbnail {
	width: 23%;
	text-align: center;
	float: left;
	margin-top: 15px;
	background-color: #F8F8F8;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	
}

.container01 {
  position: relative;

}
.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #52BAD5;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery .thumbnail p {
	margin: 0;
	text-align: left;
	padding-left: 20px;
}

.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 173px;
	opacity: 0.8;
}


.gallery .thumbnail .tag {
	color: #5D5E5D;
	padding-bottom: 4px;
	padding-top: 2px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}


.details {
  position: absolute;
  top: 26px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 87%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;

}

.container01:hover .details {
  opacity: 1;
}