/*
.flex-aligner
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items:top;
	justify-content:center;
	flex-direction: column; 
}

.flex-item
{
	flex:1;
}

.flex-top
{
	align-self:flex-start;
}

.flex-bottom
{
	align-self:flex-end;
	border:1px dotted #FFF;
	width:100%;
}
*/

.flex, html {
	display: flex;
	position:relative;
	flex-direction: column;
	height: 100%; /* 1, 3 */
}

.flex-header,
.flex-footer {
	flex: none; /* 2 */
}

.flex-content {
	flex: 1 0 auto; /* 2 */
	padding: var(--space) var(--space) 0;
	width: 100%;
}
.flex-content::after {
	content: '\00a0'; /*   */
	display: block;
	margin-top: var(--space);
	height: 0px;
	visibility: hidden;
}
@media (--break-lg) {
	.flex-content {
	padding-top: var(--space-lg);
	}
		.flex-content::after {
	margin-top: var(--space-lg);
	}
}

.flex-content--full {
	padding: 0;
}
.flex-content--full::after {
	content: none;
}

.cards
{
	display:flex;
	position:relative;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
}

.product-card
{
	
	flex-grow:1;
	flex-basis: auto;
	max-width:320px;
	padding: 15px;
	margin:15px;
	align-self:center;
	background-color: rgba(20,20,70,0.5);
	border-radius: 10px;
	border:2px solid #09f;
	/*box-shadow: inset 0px 0px 10px #69f, 0px 0px 10px #69f ;*/
	transition: all 0.3s ease;
}

.tech-card
{
	flex-grow:1;
	flex-basis: auto;
	max-width:360px;
	padding: 10px;
	margin:10px;
	align-self:center;
	text-align:center;
}

.tech-card img
{
	display:inline-block;
}

.side-panel
{

}

.product-card h4
{
	color:#FA0;
	font-weight: 300;
	font-size: 30px;
	font-family:"Roboto";
}

.product-card p
{
	font-weight:300;
}

.product-card:hover
{
	transform: scale(1.01);
	background-color: rgba(20,30,80,0.9);
	border:2px solid #09f;
	box-shadow: inset 0px 0px 3px #69f, 0px 0px 40px #33c ;
	transition: all 0.3s ease;
}

p.read-more 
{
	display:block;
	border-top:1px solid #09f;
	text-align:right;
	color:#3CF;
	padding-top:10px;
	margin-top:40px;

}